html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,aside,footer,header,hgroup,nav,section,figure,figcaption {
    display: block;
    margin: 0
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

input,textarea {
    -webkit-border-radius: 0;
    border-radius: 0
}

input {
    -webkit-appearance: none
}

body {
    -webkit-text-size-adjust: none
}

blockquote,q {
    quotes: none
}

blockquote::before,blockquote::after,q::before,q::after {
    content: none
}

:focus {
    outline: 0
}

::-moz-focus-inner {
    border: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,*::after,*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type="checkbox"] {
    -webkit-appearance: checkbox
}

input[type="radio"] {
    -webkit-appearance: radio
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

html {
    width: 100%;
    max-width: 100%;
    min-height: 100dvh;
    overflow-x: clip;
    scroll-behavior: smooth;
    scroll-padding-top: 60px
}

html.no-scroll-with-scrollbar {
    position: fixed;
    inline-size: calc(100% + 18px);
    overflow-y: scroll
}

html.no-scroll-with-scrollbar.with-fancybox {
    width: calc(100% + 18px)
}

html.no-scroll {
    position: fixed;
    overflow: hidden
}

html.with-overlay {
    scroll-behavior: auto
}

html.no-scroll-drawer {
    inline-size: calc(100% - 18px);
    overflow: hidden
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100dvh;
    background-color: #fff;
    color: rgba(0,0,0,0.8);
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    overflow-x: clip;
    position: relative
}

body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    display: block
}

h1,h2,h3,h4 {
    font-weight: normal
}

a {
    text-decoration: none;
    color: #1976D2
}

a:hover {
    color: #000
}

p {
    margin-bottom: 1.25rem
}

b,strong {
    font-weight: 600
}

.hidden {
    display: none !important
}

.lazy-loaded {
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,0.04);
    background: linear-gradient(135deg, rgba(211,223,232,0.5) 30%, rgba(169,184,197,0.5) 38%, rgba(168,182,193,0.6) 41%, rgba(168,182,193,0.6) 50%, rgba(168,182,193,0.6) 50%, rgba(169,184,197,0.6) 51%, rgba(211,223,232,0.6) 57%, rgba(211,223,232,0.6) 80%, rgba(211,223,232,0.6) 80%);
    background-size: 1200% 1200%;
    -webkit-animation: lazy-content 2s ease infinite reverse;
    -moz-animation: lazy-content 2s ease infinite reverse;
    animation: lazy-content 2s ease infinite reverse
}

.section-title {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: clamp(1.25rem, calc(1.1vw + 1rem), 1.875rem);
    color: #21264D;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.6em
}

.section-title--large {
    font-size: clamp(1.5rem, calc(1.5vw + 1rem), 2.5rem)
}

.section-title--small {
    font-size: clamp(1.125rem, calc(0.5vw + 1rem), 1.5rem);
    margin-bottom: 0.5em
}

.section-title--with-border {
    display: inline-block;
    position: relative;
    margin-bottom: 1em
}

.section-title--with-border::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #F6A70B;
    position: absolute;
    left: 0;
    bottom: -10px
}

.section-title--with-small-line {
    display: inline-block;
    position: relative;
    margin-bottom: 1.5em;
    color: #333
}

.section-title--with-small-line::after {
    content: "";
    width: 1.5rem;
    height: 6px;
    background: #E07400;
    position: absolute;
    left: 0;
    bottom: -10px;
    border-radius: 3px
}

.section-title--with-icon {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .5rem
}

.section-title--with-icon a {
    color: rgba(0,0,0,0.8)
}

.section-title--with-icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #21264D;
    flex-shrink: 0
}

.section-title--with-button {
    grid-template-columns: auto 1fr auto !important
}

.section-subtitle {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: clamp(1rem, calc(0.2vw + 1rem), 1.25rem);
    font-weight: 600;
    margin-bottom: 0.8em
}

.card-title {
    display: block;
    font-size: clamp(1rem, calc(0.2vw + 1rem), 1.25rem) !important;
    font-weight: 500;
    line-height: 1.3
}

.card-title--small {
    font-size: clamp(.875rem, calc(0.2vw + 1rem), 1rem) !important
}

.card-title a {
    color: rgba(0,0,0,0.8);
    text-decoration: none
}

.card-title a:hover {
    color: #F6A70B
}

.summary-text {
    font-size: 1.125rem;
    margin-bottom: 3rem
}

.section-wrapper {
    padding-block:2rem}

.section-wrapper--b-border {
    border-bottom: 1px solid #c4c4c4
}

.wrapper {
    padding-inline:2.5rem;margin-inline:auto;position: relative;
    width: 100%
}

.wrapper-wide {
    padding-inline:2.5rem;position: relative;
    width: 100%
}

.wrapper-small-centered {
    max-width: 70%;
    margin-inline:auto}

.wrapper-max-800-centered {
    max-width: 50rem;
    margin-inline:auto}

.header-with-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}

.header-with-actions.sticky {
    position: sticky;
    top: 64px;
    left: 0;
    background-color: #fff;
    z-index: 5;
    padding-block:1rem;margin-top: -2rem
}

.header-with-actions.sticky::before {
    content: "";
    position: absolute;
    left: -32px;
    right: -32px;
    top: 0;
    z-index: -1;
    height: 100%;
    background-color: #efefef;
    border-bottom: 1px solid #ddd
}

.checkmark-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.checkmark-list li {
    position: relative;
    padding-left: 1.875rem;
    color: #fff;
    line-height: 1.2
}

.checkmark-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #fff;
    border-radius: 4px
}

.checkmark-list li::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 6px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
}

@media all and (min-width: 96.25em) {
    .wrapper {
        max-width:80%
    }
}

@media all and (max-width: 85.5625em) {
    .wrapper,.wrapper-wide {
        padding-inline:2rem
    }
}

@media all and (max-width: 68.6875em) {
    .wrapper,.wrapper-wide {
        padding-inline:1.5rem
    }

    .wrapper-small-centered {
        max-width: none
    }

    html.no-scroll-drawer {
        inline-size: 100%
    }

    html.no-scroll {
        position: relative
    }

    .checkmark-list li {
        padding-left: 1.5rem
    }

    .checkmark-list li::before {
        width: 1rem;
        height: 1rem;
        border-radius: 2px
    }

    .checkmark-list li::after {
        left: 6px;
        top: 5px;
        width: 5px;
        height: 8px
    }
}

@media all and (max-width: 54.3125em) {
    .has-footer-menu {
        padding-bottom:3.125rem
    }

    .has-no-footer-menu {
        padding-bottom: 0
    }

    .has-fixed-footer-button {
        padding-bottom: 5rem
    }

    .has-footer-sticky-button {
        padding-bottom: 8.125rem
    }

    .summary-text {
        margin-bottom: 2rem
    }

    .hide-tablet {
        display: none !important
    }

    .page-title-mobile {
        background-color: #F5F5F5 !important;
        margin-inline:-24px;margin-top: -32px;
        padding: 24px;
        font-size: 1.0625rem
    }

    .page-title-mobile .section-title {
        font-size: 1.0625rem
    }

    .section-title--with-icon svg {
        width: 2rem;
        height: 2rem
    }
}

@media all and (max-width: 41.8125em) {
    .section-title--with-icon svg {
        width:1.5rem;
        height: 1.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .wrapper,.wrapper-wide {
        padding-inline:1.25rem
    }

    .section-title--with-button {
        grid-template-columns: auto 1fr !important
    }

    .section-title--with-button .btn {
        grid-column: 1 / span 2;
        width: 100%
    }
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start !important
}

.text-end {
    text-align: end !important
}

.text-wrap-balance {
    text-wrap: balance !important
}

.text-wrap-pretty {
    text-wrap: pretty !important
}

.text-wrap-auto {
    text-wrap: auto !important
}

.text-no-wrap {
    white-space: nowrap !important
}

.break-word {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal
}

.text-btn {
    background-color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: inherit
}

.text-underline-hover:hover {
    text-decoration: underline !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-white {
    color: #fff
}

.text-black {
    color: rgba(0,0,0,0.8) !important
}

.text-red {
    color: #cc0c39 !important
}

.text-light-red {
    color: #ea5854
}

.text-craydel-blue {
    color: #21264D !important
}

.text-yellow {
    color: #FCDB00 !important
}

.text-orange {
    color: #F6A70B
}

.text-primary-blue,.text-primary {
    color: #1976D2 !important
}

.text-error {
    color: #ED3A3A !important
}

.text-warning {
    color: #fb8c00 !important
}

.text-success {
    color: #33B469 !important
}

.text-grey {
    color: #9e9e9e !important
}

.text-grey-darken-1 {
    color: #757575 !important
}

.text-grey-darken-2 {
    color: #616161 !important
}

.text-grey-lighten-1 {
    color: #BDBDBD !important
}

.text-grey-lighten-2 {
    color: #E0E0E0 !important
}

.text-highlight {
    background-color: #FCDB00;
    padding-inline:.625rem}

.text-uppercase {
    text-transform: uppercase
}

.text-normal {
    font-weight: normal !important
}

.text-500 {
    font-weight: 500 !important
}

.text-600 {
    font-weight: 600 !important
}

.text-bold {
    font-weight: bold !important
}

.text-size-10 {
    font-size: .625rem !important
}

.text-size-11 {
    font-size: .6875rem !important
}

.text-size-12 {
    font-size: .75rem !important
}

.text-size-14 {
    font-size: .875rem !important
}

.text-size-16 {
    font-size: 1rem !important
}

.text-size-18 {
    font-size: 1.125rem !important
}

.text-size-19 {
    font-size: 1.1875rem !important
}

.text-size-20 {
    font-size: 1.25rem !important
}

.text-size-22 {
    font-size: 1.375rem !important
}

.text-size-24 {
    font-size: 1.5rem !important
}

.text-size-26 {
    font-size: 1.625rem !important
}

.text-size-28 {
    font-size: 1.75rem !important
}

.text-size-30 {
    font-size: 1.875rem !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-clip {
    overflow: clip !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-help {
    cursor: help !important
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.flex-0-0 {
    flex: 0 0 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.align-start {
    align-items: flex-start !important
}

.align-end {
    align-items: flex-end !important
}

.align-center {
    align-items: center !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-space-between {
    justify-content: space-between !important
}

.justify-space-around {
    justify-content: space-around !important
}

.justify-space-evenly {
    justify-content: space-evenly !important
}

.ga-0 {
    gap: 0 !important
}

.ga-1 {
    gap: .25rem !important
}

.ga-2 {
    gap: .5rem !important
}

.ga-3 {
    gap: .75rem !important
}

.ga-4 {
    gap: 1rem !important
}

.ga-5 {
    gap: 1.25rem !important
}

.ga-6 {
    gap: 1.5rem !important
}

.ga-7 {
    gap: 1.75rem !important
}

.ga-8 {
    gap: 2rem !important
}

.fill-width,.full-width {
    width: 100% !important
}

.fill-height,.full-height {
    height: 100% !important
}

.width-auto {
    width: auto !important
}

.max-width-500 {
    max-width: 31.25rem !important
}

.pa-0 {
    padding: 0 !important
}

.pa-1 {
    padding: .25rem !important
}

.pa-2 {
    padding: .5rem !important
}

.pa-3 {
    padding: .75rem !important
}

.pa-4 {
    padding: 1rem !important
}

.pa-5 {
    padding: 1.25rem !important
}

.px-0 {
    padding-inline:0 !important}

.px-1 {
    padding-inline:.25rem !important}

.px-2 {
    padding-inline:.5rem !important}

.px-3 {
    padding-inline:.75rem !important}

.px-4 {
    padding-inline:1rem !important}

.px-5 {
    padding-inline:1.25rem !important}

.px-6 {
    padding-inline:1.5rem !important}

.px-7 {
    padding-inline:1.75rem !important}

.px-8 {
    padding-inline:2rem !important}

.py-0 {
    padding-block:0 !important}

.py-1 {
    padding-block:.25rem !important}

.py-2 {
    padding-block:.5rem !important}

.py-3 {
    padding-block:.75rem !important}

.py-4 {
    padding-block:1rem !important}

.py-5 {
    padding-block:1.25rem !important}

.py-6 {
    padding-block:1.5rem !important}

.py-7 {
    padding-block:1.75rem !important}

.py-8 {
    padding-block:2rem !important}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pt-6 {
    padding-top: 1.5rem !important
}

.pt-7 {
    padding-top: 1.75rem !important
}

.pt-8 {
    padding-top: 2rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-7 {
    padding-bottom: 1.75rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 4px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pr-3 {
    padding-right: 12px !important
}

.pr-4 {
    padding-right: 16px !important
}

.pr-5 {
    padding-right: 20px !important
}

.pr-6 {
    padding-right: 24px !important
}

.pr-7 {
    padding-right: 28px !important
}

.pr-8 {
    padding-right: 32px !important
}

.pr-9 {
    padding-right: 36px !important
}

.pr-10 {
    padding-right: 40px !important
}

.pr-11 {
    padding-right: 44px !important
}

.pr-12 {
    padding-right: 48px !important
}

.pr-13 {
    padding-right: 52px !important
}

.pr-14 {
    padding-right: 56px !important
}

.pr-15 {
    padding-right: 60px !important
}

.pr-16 {
    padding-right: 64px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 4px !important
}

.pl-2 {
    padding-left: 8px !important
}

.pl-3 {
    padding-left: 12px !important
}

.pl-4 {
    padding-left: 16px !important
}

.pl-5 {
    padding-left: 20px !important
}

.pl-6 {
    padding-left: 24px !important
}

.pl-7 {
    padding-left: 28px !important
}

.pl-8 {
    padding-left: 32px !important
}

.pl-9 {
    padding-left: 36px !important
}

.pl-10 {
    padding-left: 40px !important
}

.pl-11 {
    padding-left: 44px !important
}

.pl-12 {
    padding-left: 48px !important
}

.pl-13 {
    padding-left: 52px !important
}

.pl-14 {
    padding-left: 56px !important
}

.pl-15 {
    padding-left: 60px !important
}

.pl-16 {
    padding-left: 64px !important
}

.mt-auto {
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-7 {
    margin-top: 1.75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mt-n1 {
    margin-top: -4px !important
}

.mt-n2 {
    margin-top: -8px !important
}

.mt-n3 {
    margin-top: -.75rem !important
}

.mt-n4 {
    margin-top: -1rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mb-7 {
    margin-bottom: 1.75rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.mb-n1 {
    margin-bottom: -4px !important
}

.mb-n2 {
    margin-bottom: -8px !important
}

.mb-n3 {
    margin-bottom: -12px !important
}

.mb-n4 {
    margin-bottom: -16px !important
}

.my-auto {
    margin-block:auto !important}

.my-0 {
    margin-block:0 !important}

.my-1 {
    margin-block:.25rem !important}

.my-2 {
    margin-block:.5rem !important}

.my-3 {
    margin-block:.75rem !important}

.my-4 {
    margin-block:1rem !important}

.my-5 {
    margin-block:1.25rem !important}

.my-6 {
    margin-block:1.5rem !important}

.my-7 {
    margin-block:1.75rem !important}

.my-8 {
    margin-block:2rem !important}

.my-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important
}

.my-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important
}

.my-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important
}

.my-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important
}

.mx-auto {
    margin-inline:auto !important}

.mx-0 {
    margin-inline:0 !important}

.mx-1 {
    margin-inline:.25rem !important}

.mx-2 {
    margin-inline:.5rem !important}

.mx-3 {
    margin-inline:.75rem !important}

.mx-4 {
    margin-inline:1rem !important}

.mx-5 {
    margin-inline:1.25rem !important}

.mx-6 {
    margin-inline:1.5rem !important}

.mx-7 {
    margin-inline:1.75rem !important}

.mx-8 {
    margin-inline:2rem !important}

.mx-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important
}

.mx-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important
}

.mx-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important
}

.mx-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important
}

.ml-auto {
    margin-left: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.ml-6 {
    margin-left: 1.5rem !important
}

.ml-7 {
    margin-left: 1.75rem !important
}

.ml-8 {
    margin-left: 2rem !important
}

.ml-n1 {
    margin-left: -4px !important
}

.ml-n2 {
    margin-left: -8px !important
}

.ml-n3 {
    margin-left: -12px !important
}

.ml-n4 {
    margin-left: -16px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mr-6 {
    margin-right: 1.5rem !important
}

.mr-7 {
    margin-right: 1.75rem !important
}

.mr-8 {
    margin-right: 2rem !important
}

.mr-n1 {
    margin-right: -4px !important
}

.mr-n2 {
    margin-right: -8px !important
}

.mr-n3 {
    margin-right: -12px !important
}

.mr-n4 {
    margin-right: -16px !important
}

.ma-0 {
    margin: 0 !important
}

.ma-1 {
    margin: .25rem !important
}

.ma-2 {
    margin: .5rem !important
}

.ma-3 {
    margin: .75rem !important
}

.ma-4 {
    margin: 1rem !important
}

.ma-5 {
    margin: 1.25rem !important
}

.ma-6 {
    margin: 1.5rem !important
}

.ma-7 {
    margin: 1.75rem !important
}

.ma-8 {
    margin: 2rem !important
}

.border-t-0 {
    border-top: 0 !important
}

.border-b-0 {
    border-bottom: 0 !important
}

.bg-yellow {
    background-color: #FCDB00
}

.bg-light-grey {
    background-color: #fafafa !important
}

.bg-grey-lighten-5 {
    background-color: #F7FAFF !important
}

.bg-cream {
    background-color: #fff8ec
}

.bg-beige {
    background-color: #F7F2D0
}

.bg-white {
    background-color: #fff
}

.bg-primary {
    background-color: #1976D2 !important
}

.bg-craydel-blue {
    background-color: #21264D !important
}

.bg-primary-tonal {
    background-color: #E7F0FE !important
}

.bg-warning {
    background-color: #fb8c00 !important
}

.bg-success {
    background-color: #33B469 !important
}

.divider {
    display: block;
    height: 0;
    max-height: 0;
    opacity: 0.12;
    border-color: rgba(0,0,0,0.8);
    border-style: solid;
    border-width: thin 0 0
}

.divider--dotted {
    border-style: dotted
}

.divider--dark {
    opacity: 1;
    border-color: #848484
}

.divider--primary {
    opacity: 1;
    border-color: #1976D2
}

.opacity-1 {
    opacity: 1 !important
}

.line-height-normal {
    line-height: normal !important
}

.line-height-1 {
    line-height: 1 !important
}

.line-height-1-1 {
    line-height: 1.1 !important
}

.pointer-events-none {
    pointer-events: none !important
}

.pointer-events-all {
    pointer-events: all !important
}

.border-radius-2 {
    border-radius: .5rem !important
}

.status-indicator {
    width: .625rem;
    height: .625rem;
    border-radius: 50%
}

.col-span-full {
    grid-column: 1 / -1 !important
}

@media (min-width: 68.75rem) {
    .pb-lg-0 {
        padding-bottom:0 !important
    }

    .pt-lg-6 {
        padding-top: 1.5rem !important
    }
}

@media (min-width: 60rem) {
    .text-md-start {
        text-align:start !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-4 {
        padding-top: 1rem !important
    }

    .pt-md-6 {
        padding-top: 1.5rem !important
    }

    .pt-md-7 {
        padding-top: 1.75rem !important
    }

    .pt-md-8 {
        padding-top: 2rem !important
    }

    .pt-md-10 {
        padding-top: 40px !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-4 {
        padding-bottom: 16px !important
    }

    .px-md-4 {
        padding-inline:1rem !important}

    .py-md-8 {
        padding-block:2rem !important}

    .mt-md-4 {
        margin-top: 16px !important
    }

    .mt-md-8 {
        margin-top: 32px !important
    }

    .d-md-flex {
        display: flex !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .align-md-center {
        align-items: center !important
    }
}

@media (min-width: 37.5rem) {
    .flex-sm-nowrap {
        flex-wrap:nowrap !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .text-sm-start {
        text-align: start !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-4 {
        margin-top: 16px !important
    }
}

@media all and (max-width: 68.6875em) {
    .pr-md-0 {
        padding-right:0 !important
    }

    .text-md-size-16 {
        font-size: 1rem !important
    }

    .text-md-size-18 {
        font-size: 1.125rem !important
    }
}

@media all and (max-width: 54.3125em) {
    .hide-mobile {
        display:none !important
    }

    .fill-width-xm,.full-width-xm {
        width: 100% !important
    }

    .pr-xm-0 {
        padding-right: 0 !important
    }
}

@media all and (max-width: 35.5625em) {
    .text-xs-size-16 {
        font-size:1rem !important
    }

    .text-xs-start {
        text-align: start !important
    }

    .fill-width-xs,.full-width-xs {
        width: 100% !important
    }
}

@keyframes loading {
    to {
        transform: translate(100%)
    }
}

@keyframes lazy-content {
    0% {
        background-position: 0% 92%
    }

    50% {
        background-position: 100% 9%
    }

    100% {
        background-position: 0% 92%
    }
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.animate__fadeInUp {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(204,12,57,0.7)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(204,12,57,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(204,12,57,0)
    }
}

@keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0.7)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255,255,255,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

@keyframes pulse-yellow {
    0% {
        box-shadow: 0 0 0 0 rgba(252,219,0,0.7)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(252,219,0,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(252,219,0,0)
    }
}

@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(25,118,210,0.7)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(25,118,210,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(25,118,210,0)
    }
}

.pulse-white::after,.pulse-yellow::after,.pulse-blue::after,.pulse::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    animation: pulse 2s infinite
}

.pulse-white::after {
    animation: pulse-white 2s infinite
}

.pulse-yellow::after {
    animation: pulse-yellow 2s infinite
}

.pulse-blue::after {
    animation: pulse-blue 2s infinite
}

.btn-rounded.pulse-yellow::after,.btn-rounded.pulse-blue::after,.btn-rounded.pulse::after {
    border-radius: 1.5625rem
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

@keyframes rotate-text-up {
    0% {
        transform: translate3d(0, 80px, 0);
        opacity: 0
    }

    20%,80% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, -40px, 0);
        opacity: 0
    }
}

@keyframes fade-text-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 80px, 0)
    }

    50%,100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.animate__fadeTextIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fade-text-in;
    animation-name: fade-text-in
}

.animation-delay-1s {
    animation-delay: 1s
}

@keyframes fade-text-up {
    from {
        top: -3px;
        opacity: 100%
    }

    to {
        opacity: 0;
        top: -8em
    }
}

@keyframes loading-line {
    from {
        background-position: 100% 100%
    }

    to {
        background-position: 0 100%
    }
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    100% {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-long {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    100% {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

.typed-text p::after {
    content: '|';
    animation: blink 1s infinite
}

.typed-text p.done::after {
    content: '';
    animation: none
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.main-layout {
    display: grid;
    grid-template: "header" auto "main" 1fr "footer" auto;
    min-height: 100dvh
}

.main-layout.with-sidebar {
    grid-template: "header header" auto "sidebar main" 1fr "sidebar footer" auto/3.75rem 1fr
}

header {
    grid-area: header
}

main {
    display: flex;
    flex-direction: column;
    position: relative;
    grid-area: main;
    flex-grow: 1
}

main.with-sidebar {
    display: grid;
    grid-template-columns: 3.75rem 1fr
}

.has-announcement.mobile-menu-open main {
    height: calc(100dvh - 202px)
}

footer {
    grid-area: footer
}

@media all and (max-width: 68.6875em) {
    .main-layout {
        grid-template-columns:1fr
    }

    main.with-sidebar {
        grid-template-columns: 1fr
    }
}

header {
    position: relative;
    z-index: 200
}

header.home {
    display: block !important
}

header .btn-menu {
    display: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: none;
    border: 0 none;
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    transition: background-color .15s ease-in-out
}

header .btn-menu svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: #fff
}

.header-wide .wrapper {
    max-width: none
}

.header-site-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 3.25rem
}

.site-logo {
    display: flex;
    align-items: center;
    height: 1.8125rem
}

.site-logo--wp {
    height: 2.875rem
}

.site-logo img {
    height: 100%;
    object-fit: contain;
    object-position: left
}

.top-header {
    height: 90px;
    color: #fff;
    position: relative;
    background-color: #21264D
}

.top-header .wrapper {
    display: flex;
    height: 100%;
    align-items: center
}

.top-header__right {
    display: flex;
    align-items: center;
    gap: 3rem
}

.bottom-header {
    height: 68px;
    background: #2B3367;
    position: relative
}

.bottom-header .wrapper {
    display: flex;
    height: 100%;
    align-items: center
}

@media all and (max-width: 68.6875em) {
    header .btn-menu {
        display:inline-flex
    }

    .top-header {
        height: 70px
    }

    .top-header .wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .top-header .login__trigger {
        padding-right: 1rem !important
    }

    .bottom-header {
        display: none
    }
}

@media all and (max-width: 54.3125em) {
    header {
        z-index:1205
    }

    header.home {
        position: absolute;
        width: 100%;
        top: 0
    }

    header:not(.home) .top-header {
        display: none
    }

    .top-header {
        height: auto;
        padding-bottom: 1rem
    }

    .top-header .site-logo {
        height: 1.25rem
    }

    .top-header .site-logo--wp {
        height: 2rem
    }

    .top-header .wrapper {
        flex-wrap: wrap;
        padding-left: 0
    }
}

.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .625rem;
    font-size: .875rem;
    padding: .375rem 1rem;
    width: 100%
}

.footer-logo {
    max-width: 6.25rem
}

.footer-school-logo {
    max-width: 17.5rem
}

.footer-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem
}

.footer-links a {
    display: block;
    padding-block:.625rem;text-decoration: none
}

.footer-links a:hover {
    text-decoration: underline
}

@media all and (max-width: 54.3125em) {
    .footer-wrapper {
        padding:.625rem 0;
        flex-direction: column;
        font-size: .75rem
    }

    .footer-wrapper--mobile {
        border-top: 1px solid rgba(255,255,255,0.12);
        color: #fff;
        margin-top: auto
    }

    .footer-wrapper--mobile .footer-links a {
        padding: 0
    }

    .footer-links a {
        color: rgba(255,255,255,0.5) !important
    }
}

.sidebar-menu {
    height: 100%;
    width: 16rem;
    background-color: #21264D;
    position: relative;
    top: 0;
    z-index: 150;
    align-self: start;
    grid-row: 1 / span 2;
    overflow: hidden auto;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    text-wrap: nowrap;
    padding-block:.3125rem}

.sidebar-menu--compact {
    width: 3.75rem
}

.sidebar-menu::-webkit-scrollbar {
    width: .5rem
}

.sidebar-menu::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 50px
}

.sidebar-menu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 50px
}

.sidebar-menu::-webkit-scrollbar-thumb:hover {
    background: #888
}

.sidebar-menu svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #DDE2FF;
    flex-shrink: 0
}

.sidebar-menu ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar-menu ul li {
    padding-inline:.3125rem}

.sidebar-menu ul li.active a {
    color: #FCDB00
}

.sidebar-menu ul li.active a svg {
    fill: #FCDB00
}

.sidebar-menu-header {
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .75rem .75rem .75rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    margin-bottom: .5rem
}

.sidebar-menu-header .btn-close {
    margin-left: auto;
    padding: 1em;
    border: none;
    background: none;
    cursor: pointer
}

.sidebar-menu a,.sidebar-menu .dropdown-btn,.sidebar-menu .navigation-title {
    display: flex;
    align-items: center;
    gap: 1em;
    border-radius: 6px;
    padding: .75rem;
    text-decoration: none;
    color: #DDE2FF;
    font-size: .875rem
}

.sidebar-menu a span,.sidebar-menu .dropdown-btn span,.sidebar-menu .navigation-title span {
    flex-grow: 1
}

.sidebar-menu a,.sidebar-menu .dropdown-btn {
    overflow: hidden
}

.sidebar-menu a:hover,.sidebar-menu .dropdown-btn:hover {
    background-color: rgba(159,162,180,0.08);
    color: #fff
}

.sidebar-menu a:hover svg,.sidebar-menu .dropdown-btn:hover svg {
    fill: #fff
}

.sidebar-menu .dropdown-btn {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    font: inherit;
    font-size: .875rem;
    cursor: pointer
}

.sidebar-menu .dropdown-btn svg {
    transition: 200ms ease
}

.sidebar-menu .dropdown-btn.active {
    color: #FCDB00
}

.sidebar-menu .dropdown-btn.active svg {
    fill: #FCDB00
}

.sidebar-menu .rotate-btn svg:last-child {
    rotate: -180deg
}

.sidebar-menu .sub-menu {
    display: grid;
    grid-template-rows: 0fr;
    font-size: .75rem;
    transition: 300ms ease-in-out
}

.sidebar-menu .sub-menu>ul {
    overflow: hidden
}

.sidebar-menu .sub-menu--show {
    grid-template-rows: 1fr
}

.sidebar-menu .sub-menu a {
    padding-left: 2em;
    font-size: .75rem
}

.sidebar-menu .avatar-with-details-title {
    color: #dde2ff
}

@media all and (max-width: 68.6875em) {
    .sidebar-menu {
        position:fixed;
        top: 0;
        height: 100dvh;
        -webkit-overflow-scrolling: touch;
        transition-duration: .2s;
        transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateX(470px);
        width: 29.375rem;
        max-width: 100%;
        right: 0;
        z-index: 1500
    }

    .sidebar-menu--open {
        transform: translateX(0);
        box-shadow: rgba(0,0,0,0.2) 0 8px 10px -5px,rgba(0,0,0,0.14) 0 16px 24px 2px,rgba(0,0,0,0.12) 0 6px 30px 5px
    }

    .sidebar-menu-header {
        display: flex
    }
}

.listing-grid {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    gap: 4rem
}

@media all and (max-width: 91.8125em) {
    .listing-grid {
        gap:2rem
    }
}

@media all and (max-width: 68.6875em) {
    .listing-grid {
        grid-template-columns:1fr
    }

    .listing-grid--search-results {
        gap: 0
    }
}

.layout-grid {
    display: grid;
    gap: 6rem
}

.layout-grid--two-col {
    grid-template-columns: 1fr 40%
}

.layout-grid--three-col {
    grid-template-columns: repeat(3, 1fr)
}

.layout-grid--four-col {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.875rem
}

.layout-grid--blog {
    grid-template-columns: 1fr 25rem
}

.layout-grid--blog aside {
    position: relative
}

.layout-grid--blog aside::before {
    content: "";
    border-left: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    left: -3rem;
    top: 0;
    height: 100%
}

@media all and (max-width: 104.3125em) {
    .layout-grid {
        gap:3rem
    }

    .layout-grid--four-col {
        gap: 1.875rem
    }

    .layout-grid--blog {
        gap: 3.75rem !important
    }

    .layout-grid--blog aside::before {
        left: -1.875rem
    }
}

@media all and (max-width: 85.5625em) {
    .layout-grid {
        gap:2rem
    }

    .layout-grid--four-col {
        gap: 1.625rem
    }

    .layout-grid--blog {
        grid-template-columns: 1fr 20.625rem
    }
}

@media all and (max-width: 68.6875em) {
    .layout-grid--blog {
        grid-template-columns:1fr 17.5rem
    }

    .layout-grid--four-col {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width: 54.3125em) {
    .layout-grid--two-col,.layout-grid--three-col,.layout-grid--four-col,.layout-grid--blog {
        grid-template-columns:1fr
    }

    .layout-grid--blog {
        gap: 2rem !important
    }

    .layout-grid--blog aside::before {
        content: none
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline:-15px}

.row--dense {
    margin-inline:-8px}

.row--dense [class^="col-"] {
    padding-inline:8px}

[class^="col-"] {
    padding-inline:15px;flex: 0 0 auto
}

.col-1 {
    width: 8.3333%
}

.col-2 {
    width: 16.6667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.3333%
}

.col-5 {
    width: 41.6667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333%
}

.col-8 {
    width: 66.6667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.3333%
}

.col-11 {
    width: 91.6667%
}

.col-12 {
    width: 100%
}

@media all and (max-width: 68.6875em) {
    .col-md-6 {
        width:50% !important
    }
}

@media all and (max-width: 54.3125em) {
    [class^="col-"] {
        width:100% !important
    }

    .col-xm-5 {
        width: 41.6667% !important
    }

    .col-xm-6 {
        width: 50% !important
    }

    .col-xm-7 {
        width: 58.3333% !important
    }
}

@media all and (max-width: 35.5625em) {
    .col-xs-12 {
        width:100% !important
    }
}

.dashboard-grid {
    display: flex;
    gap: 20px
}

.dashboard-grid-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media all and (max-width: 41.8125em) {
    .dashboard-grid {
        flex-direction:column
    }
}

.crm-profile-grid {
    display: grid;
    grid-template-columns: 21.875rem 1fr;
    flex-grow: 1;
    background-color: #F9FBFC
}

.crm-profile-grid-side-panel {
    padding: 1rem;
    background-color: #fff;
    border-right: 1px solid #E0E2E4
}

.crm-profile-grid-main-panel {
    display: flex;
    flex-direction: column;
    padding: 1.5rem
}

.crm-profile-grid-main-panel .study-abroad-carousel .splide__slide {
    min-width: 18.75rem
}

.crm-profile-grid--reverse {
    grid-template-columns: 1fr 21.875rem
}

.crm-profile-grid--reverse .crm-profile-grid-side-panel {
    grid-column: 2;
    grid-row: 1;
    border-right: none;
    border-left: 1px solid #E0E2E4
}

.preloader {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888;
    width: 100dvw;
    min-height: 100dvh;
    overflow: hidden;
    background-color: #fff
}

.preloader .spinner-wrapper {
    width: 12.5rem;
    display: flex;
    gap: .625rem;
    flex-direction: column;
    align-items: center
}

.preloader .spinner-wrapper .spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    animation-delay: 0.8s
}

.preloader .spinner-wrapper .spinner::after {
    content: " ";
    display: block;
    width: 34px;
    height: 34px;
    margin: 8px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-left-color: transparent;
    animation: rotate 1.2s linear infinite
}

.preloader-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(0,0,0,0.8);
    max-width: 37.5rem;
    padding-inline:1rem}

.rotatingText-content {
    position: relative;
    width: 100%
}

.rotatingText-adjective {
    left: 0;
    margin-bottom: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    padding-inline:1.25rem}

.rotatingText-adjective:nth-of-type(1) {
    animation: rotate-text-up 2s 1s
}

.rotatingText-adjective:nth-of-type(2) {
    animation: rotate-text-up 1.5s 3s
}

.rotatingText-adjective:nth-of-type(3) {
    animation: fade-text-in 1.5s 4.25s forwards
}

.inline-spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    animation-delay: 0.8s
}

.inline-spinner::after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #bdbdbd;
    border-left-color: transparent;
    animation: rotate 1.2s linear infinite
}

@media all and (max-width: 41.8125em) {
    .preloader-label {
        flex-direction:column
    }
}

.progress-linear {
    background: rgba(255,255,255,0.2);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: .375rem;
    border-radius: 9999px;
    color: #fff
}

.progress-linear__indeterminate {
    background-color: currentcolor;
    animation-play-state: running;
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    height: inherit;
    position: absolute;
    inset: 0 auto 0 0;
    width: auto
}

.progress-linear__indeterminate--long {
    animation-name: indeterminate-long
}

.progress-linear__indeterminate--short {
    animation-name: indeterminate-short
}

.progress-linear__determinate {
    background-color: currentcolor;
    height: 100%;
    transition: width 0.3s ease
}

.home-main {
    position: relative
}

.home-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-banner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.home-banner__caption {
    max-width: 31.25rem;
    color: #fff;
    font-size: 2rem
}

.home-banner__caption span {
    display: block
}

.home-banner__caption .caption-text--large {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2
}

.home-banner__caption .caption-text--small {
    font-size: 1.5rem;
    font-weight: 500;
    max-width: 15.625rem;
    margin-left: auto
}

.home-banner__caption .caption-social-proof {
    font-size: 1rem;
    margin-top: 1rem
}

.home-banner__caption .caption-social-proof span {
    display: inline
}

.home-banner__caption .caption-social-proof .stats-list {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    list-style: none;
    padding: 0;
    color: #fff
}

.home-banner__caption .caption-social-proof .stats-list li {
    display: flex;
    gap: .375rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6)
}

.home-banner__caption .caption-social-proof .stats-list li::before {
    content: "✅"
}

.home-banner .btn-university-match-maker {
    height: 3.8125rem;
    padding-inline:1rem;font-size: 1rem
}

.home-banner .btn-university-match-maker img {
    width: 4.25rem;
    height: 4.25rem;
    margin-left: -3.125rem
}

.home-ai-powered-section {
    background-image: url("https://craydel-testing-space.fra1.cdn.digitaloceanspaces.com/home-line-art.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain
}

.home-interactive-banner {
    background-color: #21264D;
    color: #fff;
    padding: 0 3.75rem;
    height: calc(100dvh - 158px)
}

.home-interactive-banner-description {
    padding-block:5rem}

.home-interactive-banner-caption {
    color: #C0CCDB
}

.home-interactive-banner-grid {
    display: grid;
    grid-template-columns: 1fr 50rem;
    align-items: center;
    height: 100%
}

@media all and (max-width: 85.5625em) {
    .home-banner__caption {
        max-width:21.625rem;
        font-size: 1.75rem
    }

    .home-banner__caption .caption-text--large {
        font-size: 2.5rem
    }

    .home-banner__caption .caption-text--small {
        font-size: 1.25rem
    }
}

@media all and (max-width: 68.6875em) {
    .home-interactive-banner {
        position:relative;
        padding-inline:1.5rem;text-align: center;
        height: calc(100dvh - 70px)
    }

    .home-interactive-banner::before {
        content: "";
        background-image: url("https://craydel-testing-space.fra1.cdn.digitaloceanspaces.com/home-world-map.svg");
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3
    }

    .home-interactive-banner-grid {
        grid-template-columns: 1fr
    }

    .home-interactive-banner-grid .mobile-ticker-container {
        order: 1
    }

    .home-interactive-banner-grid .home-interactive-banner-description {
        order: 2
    }
}

@media all and (max-width: 54.3125em) {
    .home-main {
        padding-top:7.75rem
    }

    .has-announcement .home-main {
        padding-top: 10.5rem
    }

    .home-bg {
        width: 100dvw;
        min-height: 100svh;
        height: 100dvh
    }

    .home-banner__caption {
        font-size: 1.75rem
    }

    .home-banner__caption .caption-text--large {
        font-size: 2.5rem
    }

    .home-banner__caption .caption-text--small {
        font-size: 1.25rem;
        margin-left: 0
    }

    .home-ai-powered-section {
        background-size: 140%
    }

    .home-ai-powered-section .founders-carousel .splide__track {
        padding-right: 5rem !important
    }

    .home-interactive-banner {
        height: calc(100dvh - 174px)
    }

    .home-interactive-banner::before {
        height: 60%
    }
}

@media all and (max-width: 41.8125em) {
    .home-main {
        padding-top:7.125rem
    }

    .has-announcement .home-main {
        padding-top: 9.875rem
    }

    .home-banner__caption {
        max-width: 20rem;
        font-size: 1.25rem
    }

    .home-banner__caption .caption-text--large {
        font-size: 2.5rem
    }

    .home-banner__caption .caption-text--small {
        font-size: 1rem
    }

    .home-banner .btn-university-match-maker {
        height: 2.75rem;
        padding-inline:1rem;font-size: 1rem
    }

    .home-banner .btn-university-match-maker img {
        width: 3.5rem;
        height: 3.5rem;
        margin-left: -2.75rem
    }

    .home-interactive-banner {
        height: calc(100dvh - 164px)
    }

    .home-interactive-banner::before {
        height: 54%
    }
}

@media all and (max-width: 35.5625em) {
    .home-banner__caption {
        font-size:1.125rem
    }

    .home-banner__caption .caption-text--large {
        font-size: 1.75rem
    }

    .home-banner__caption .caption-social-proof {
        font-size: .9375rem
    }

    .home-ai-powered-section {
        background-size: 160%
    }

    .home-interactive-banner::before {
        height: 45%
    }

    .home-interactive-banner-description {
        padding-block:1.875rem}
}

.canvas-container {
    width: 51.25rem;
    height: 100%;
    background-image: url("https://craydel-testing-space.fra1.cdn.digitaloceanspaces.com/home-world-map.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    position: relative
}

.canvas-container canvas {
    display: block
}

.canvas-container .tooltip {
    position: absolute;
    background: rgba(15,23,42,0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 3px solid #fbbf24;
    padding: 12px 16px;
    border-radius: 8px;
    color: white;
    font-size: 0.85rem;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 10px 30px -5px rgba(0,0,0,0.5);
    z-index: 50;
    max-width: 280px;
    min-width: 120px
}

.canvas-container .tooltip.visible {
    opacity: 1;
    transform: translateY(0)
}

@media (min-width: 1110px) {
    .mobile-ticker-container {
        visibility:hidden;
        position: absolute;
        pointer-events: none
    }
}

@media all and (max-width: 68.6875em) {
    .canvas-container {
        display:none
    }

    .mobile-ticker-container {
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
        border-top: 1px solid #AEC1E2;
        border-left: none;
        border-right: none;
        height: 50px;
        width: 100%;
        overflow: hidden;
        margin-inline:-1.5rem}

    .mobile-ticker-container .ticker-header {
        color: #AEC1E2;
        padding: 0 15px;
        height: 100%;
        display: flex;
        align-items: center;
        gap: .375rem;
        font-weight: 500;
        font-size: .75rem;
        letter-spacing: 0.6px;
        z-index: 10;
        white-space: nowrap
    }

    .mobile-ticker-container .ticker-header .badge {
        position: relative;
        inset: auto
    }

    .mobile-ticker-container .ticker-track {
        flex: 1;
        overflow: hidden;
        display: flex;
        align-items: center
    }

    .mobile-ticker-container .ticker-item {
        color: #fff;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: 0.6px;
        padding: 0 20px
    }

    .mobile-ticker-container .ticker-separator {
        color: #FCDB00
    }

    .mobile-ticker-container:hover .ticker-scroll {
        animation-play-state: paused
    }
}

:root {
    --color-bg1: rgb(27, 118, 211);
    --color-bg2: rgb(255, 218, 12);
    --color-bg3: rgb(237, 162, 2);
    --color1: 18, 113, 255;
    --color2: 221, 74, 255;
    --color3: 100, 220, 255;
    --color4: 200, 50, 50;
    --color5: 241, 114, 34;
    --color-interactive: 255, 218, 12;
    --circle-size: 80%;
    --blending: hard-light
}

.hero-banner {
    position: relative;
    isolation: isolate;
    padding: 3em 1em
}

.hero-container {
    margin-inline:auto;text-align: center
}

.hero-container h1 {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: clamp(2rem, calc(4vw + 1rem), 5.625rem);
    text-wrap: balance;
    color: #21264D;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 1.25rem;
    max-width: 20ch;
    margin-inline:auto}

.hero-container p {
    font-size: clamp(1.125rem, calc(0.5vw + 1rem), 2rem);
    line-height: 1.5;
    max-width: 58ch;
    margin-inline:auto;margin-bottom: 1.875rem
}

@keyframes move-in-circle {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes move-vertical {
    0% {
        transform: translateY(-50%)
    }

    50% {
        transform: translateY(50%)
    }

    100% {
        transform: translateY(-50%)
    }
}

@keyframes move-horizontal {
    0% {
        transform: translateX(-50%) translateY(-10%)
    }

    50% {
        transform: translateX(50%) translateY(10%)
    }

    100% {
        transform: translateX(-50%) translateY(-10%)
    }
}

.hero-gradient-bg {
    width: 100vw;
    height: 50vh;
    background: linear-gradient(180deg, var(--color-bg1), var(--color-bg2), var(--color-bg3));
    position: absolute;
    overflow: hidden;
    z-index: -1;
    inset: 0;
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0% 100%)
}

.hero-gradient-bg svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.hero-gradient-bg .gradients-container {
    filter: url("#goo") blur(40px);
    width: 100%;
    height: 100%
}

.hero-gradient-bg .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    animation: move-vertical 30s ease infinite;
    opacity: 1
}

.hero-gradient-bg .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: move-in-circle 20s reverse infinite;
    opacity: 1
}

.hero-gradient-bg .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: move-in-circle 40s linear infinite;
    opacity: 1
}

.hero-gradient-bg .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    animation: move-horizontal 40s ease infinite;
    opacity: 0.7
}

.hero-gradient-bg .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: move-in-circle 20s ease infinite;
    opacity: 1
}

.hero-gradient-bg .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    opacity: 0.7
}

@media all and (max-width: 35.5625em) {
    .hero-gradient-bg {
        height:25vh
    }
}

.announcement-bar {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #FCDB00;
    color: #21264D
}

.announcement-bar .wrapper {
    overflow: hidden;
    padding-block:.5rem}

.announcement-bar-wrapper {
    display: grid;
    grid-template-columns: min-content 1fr auto;
    align-items: center;
    gap: .5rem
}

.announcement-bar svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentcolor
}

.announcement-bar .marquee-wrapper {
    overflow: hidden
}

.announcement-bar .marquee:hover {
    animation-play-state: paused
}

.announcement-bar .marquee-content {
    display: inline-flex;
    gap: 1rem;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500
}

@media all and (max-width: 54.3125em) {
    .announcement-bar .wrapper {
        padding-inline:.5rem
    }
}

.splash-screen {
    display: flex;
    flex-direction: column;
    background-color: #FCDB00;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100dvh;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.splash-screen::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("https://craydel.fra1.digitaloceanspaces.com/splash/splash-pattern.webp") rgba(252,219,0,0.5) no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.splash-screen-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    width: 100%;
    overflow: auto;
    margin-block:auto}

.splash-screen-wrapper::-webkit-scrollbar {
    width: 5px
}

.splash-screen-wrapper::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.splash-screen-wrapper::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.splash-screen-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.splash-screen .btn-splash-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5
}

.splash-screen-lockup {
    max-width: 49.1875rem;
    width: 100%
}

.splash-screen-lockup img {
    height: 100%
}

.splash-screen-lockup .skeleton-loader__image {
    width: 100%;
    height: 100%;
    aspect-ratio: 2/1;
    margin: auto
}

.splash-screen-event-list {
    display: flex;
    gap: 9.375rem
}

.splash-screen-event-list .splash-screen-event-city {
    display: block;
    width: 100%;
    color: #21264D;
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: .25rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #21264D;
    text-transform: uppercase
}

.splash-screen-event-list .splash-screen-event-meta {
    flex-direction: column;
    align-items: start;
    max-width: 21.25rem
}

.splash-screen-event-list-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.splash-screen-event-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-block:1rem;width: 100%
}

.splash-screen-event-meta-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1;
    color: #21264D;
    text-transform: uppercase
}

.splash-screen-event-meta-item svg {
    width: 3.25rem;
    height: 3.25rem;
    fill: currentcolor
}

.splash-screen-event-meta-item-date {
    max-width: 8.75rem
}

.splash-screen-event-meta-item-date .skeleton-loader {
    width: 8.75rem
}

.splash-screen-event-meta-item-venue {
    max-width: 13.125rem
}

.splash-screen .skeleton-loader__btn {
    width: 9.25rem
}

@media all and (max-width: 104.3125em) {
    .splash-screen-lockup {
        max-width:37.5rem
    }
}

@media all and (max-width: 91.8125em) {
    .splash-screen-lockup {
        max-width:28.125rem
    }

    .splash-screen-event-meta-item {
        font-size: 1.25rem
    }
}

@media all and (max-width: 68.6875em) {
    .splash-screen-event-list {
        gap:4.375rem
    }
}

@media all and (max-width: 54.3125em) {
    .splash-screen-event-list {
        flex-direction:column
    }
}

@media all and (max-width: 41.8125em) {
    .splash-screen-lockup {
        max-width:21.875rem
    }

    .splash-screen-event-list {
        gap: 1.875rem
    }

    .splash-screen-event-list .splash-screen-event-city {
        font-size: 1.125rem
    }

    .splash-screen-event-meta {
        justify-content: flex-start
    }

    .splash-screen-event-meta-item {
        gap: .625rem;
        font-size: 1.125rem
    }

    .splash-screen-event-meta-item svg {
        width: 2.5rem;
        height: 2.5rem
    }

    .splash-screen-event-meta-item-venue {
        max-width: none
    }
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 4.375rem;
    height: 100%;
    width: 100%
}

.main-nav .main-menu-item {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex-shrink: 0;
    color: #fff;
    font-family: inherit;
    font-size: .875rem;
    padding-block:1rem;padding-inline:0;height: 100%;
    background-color: inherit;
    cursor: pointer;
    border: 0 none
}

.main-nav .main-menu-item:hover,.main-nav .main-menu-item:focus,.main-nav .main-menu-item.active {
    color: #F6A70B
}

.main-nav .main-menu-item svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentcolor
}

.main-nav .dropdown {
    overflow: hidden;
    height: 100%
}

.main-nav .dropdown__btn {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem;
    border: none;
    outline: none;
    color: #fff;
    padding: 1rem 0;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    cursor: pointer;
    height: 100%;
    position: relative
}

.main-nav .dropdown__btn svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentcolor
}

.main-nav .dropdown__btn.active {
    color: #F6A70B
}

.main-nav .dropdown__content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    width: 100%;
    left: 0;
    border-bottom: 4px solid #F6A70B;
    z-index: 1;
    padding-block:.625rem;overflow-y: auto;
    max-height: 27.5rem
}

.main-nav .dropdown__content::-webkit-scrollbar {
    width: 5px;
    margin: 5px
}

.main-nav .dropdown__content::-webkit-scrollbar-track {
    background-color: #FEF7C3
}

.main-nav .dropdown__content::-webkit-scrollbar-thumb {
    width: 6px;
    margin: 2px;
    border-radius: 4px;
    background-color: #FCDB00
}

.main-nav .dropdown__content a {
    display: block;
    color: #21264D;
    padding: .625rem 1.25rem;
    position: relative;
    font-size: .9375rem;
    align-self: start
}

.main-nav .dropdown__content a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 0 12px 12px 0;
    background: #E5E5E5;
    opacity: 0.5;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-nav .dropdown__content a:hover::after {
    width: 95%
}

.main-nav .dropdown__content a.active {
    color: #F6A70B
}

.main-nav .dropdown:hover .dropdown__btn {
    color: #F6A70B
}

.mega-menu {
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

.mega-menu h2 {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(0,0,0,0.8);
    padding: .625rem 1.25rem
}

.mega-menu .btn-view-all {
    position: absolute;
    right: 10px;
    top: 10px
}

#mega_menu #btn-scroll-down {
    position: sticky;
    right: 10px;
    bottom: 0;
    float: right;
    animation: float 1s ease-in-out infinite
}

#advanced_search_mobile_menu {
    padding: .75rem .9375rem
}

body.main-nav-open::after {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

body.main-nav-open .dropdown--open .dropdown__btn {
    color: #F6A70B
}

body.main-nav-open .dropdown--open .dropdown__content {
    display: block
}

@media all and (max-width: 68.6875em) {
    .mega-menu {
        display:block
    }

    .mega-menu h2 {
        padding: .625rem .9375rem 0 .9375rem
    }

    .mega-menu .btn-view-all {
        position: relative;
        right: auto;
        top: auto;
        margin: 1rem;
        width: calc(100% - 2rem)
    }
}

.search-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2.625rem;
    line-height: 2.625rem;
    padding: .625rem .9375rem .625rem 1.25rem;
    background-color: #ECE6F0;
    border: 0 none;
    border-radius: 1.3125rem;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: .9375rem;
    font-weight: 500;
    color: #49454F;
    cursor: pointer
}

.search-box-wrapper {
    width: 100%;
    max-width: 30rem;
    margin-inline:auto;padding-inline:1rem}

.search-box:hover {
    color: #F6600B
}

.search-box .remaining_count {
    font-size: .75rem;
    color: #a7a7a7
}

.search-box svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #49454F
}

@media all and (max-width: 54.3125em) {
    .search-box-wrapper {
        max-width:100%;
        margin-top: .625rem;
        order: 1
    }
}

@media all and (max-width: 41.8125em) {
    .search-box-wrapper {
        max-width:100%;
        margin-top: 0
    }
}

.currency-switcher {
    position: relative;
    flex-shrink: 0
}

.currency-switcher .currency-flag {
    width: 1.125rem !important;
    height: 1.125rem !important;
    border: none !important
}

.currency-switcher--rounded .currency-switcher__trigger {
    padding: .5rem;
    border: 1px solid #ccd1d9;
    border-radius: 2.25rem;
    color: #000
}

.currency-switcher--rounded .currency-switcher__trigger:hover,.currency-switcher--rounded .currency-switcher__trigger:focus {
    color: #000;
    border-color: #77869d
}

.currency-switcher--rounded .currency-open {
    color: #000;
    border-color: #77869d
}

.currency-switcher__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3125rem;
    font-family: inherit;
    background-color: transparent;
    border: 0 none;
    padding: 0;
    cursor: pointer;
    color: #fff
}

.currency-switcher__trigger .currency-code {
    display: block;
    min-width: 1.25rem;
    font-size: .75rem;
    line-height: 1
}

.currency-switcher__trigger svg {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    fill: currentcolor
}

.currency-switcher__trigger:hover,.currency-switcher__trigger:focus {
    color: #F6A70B
}

.currency-switcher__dropdown {
    display: block;
    position: absolute;
    z-index: 10;
    right: 0;
    top: calc(100% + 10px);
    list-style: none;
    margin: 0;
    background: #fff;
    padding: 0;
    width: 100%;
    min-width: 100px;
    text-align: left;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18)
}

.currency-switcher__dropdown--left {
    right: auto;
    left: 0
}

.currency-switcher__dropdown li button {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1.25rem;
    font-family: inherit;
    font-size: .8125rem;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    width: 100%
}

.currency-switcher__dropdown li button img {
    width: 18px;
    height: 18px;
    overflow: hidden;
    border-radius: 50%
}

.currency-switcher__dropdown li button .currency-code {
    color: #21264D
}

.currency-switcher__dropdown li button:hover {
    background-color: #ddd
}

.currency-switcher__dropdown li button.selected {
    font-weight: 600
}

.currency-open {
    color: #F6A70B
}

.currency-open .currency-switcher__dropdown {
    display: block
}

@media all and (max-width: 68.6875em) {
    .top-header .currency-switcher {
        display:none
    }
}

.login-widget {
    position: relative
}

.login-widget .login__trigger {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    text-align: left;
    border: 0 none;
    width: 100%;
    max-width: 10rem;
    padding: 0;
    z-index: 100;
    color: #fff;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    text-wrap: nowrap
}

.login-widget .login__trigger span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.login-widget .login__trigger svg {
    width: 1rem;
    height: 1rem;
    fill: currentcolor;
    flex-shrink: 0
}

.login-widget .login__trigger:hover {
    color: #F6A70B
}

.login-widget .login__trigger-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 1.25rem
}

.login-widget .login__trigger-avatar img {
    aspect-ratio: 1;
    object-fit: cover
}

.login-widget .login__trigger-avatar i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #21264D
}

.login-widget .login__modal {
    display: none;
    width: max-content;
    background: #fff;
    color: initial;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18);
    border-radius: 7px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10;
    margin-top: .875rem;
    overflow: hidden
}

.login-widget .login__menu-item {
    list-style-type: none;
    margin-left: 0;
    gap: 0
}

.login-widget .login__menu-item li {
    display: block
}

.login-widget .login__menu-item li.menu-divider {
    border-top: 1px solid #e8e8e8
}

.login-widget .login__menu-item li a,.login-widget .login__menu-item li button {
    padding: .75rem 1.25rem;
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    color: #21264D;
    cursor: pointer;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: inherit
}

.login-widget .login__menu-item li a:hover,.login-widget .login__menu-item li a:focus,.login-widget .login__menu-item li button:hover,.login-widget .login__menu-item li button:focus {
    background: #f3f3f3
}

body.login-open::after {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

body.login-open .login__trigger {
    color: #F6A70B
}

body.login-open .login__modal {
    display: block
}

.mobile-header-buttons {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 1.5rem
}

.menu-shortlist {
    display: flex;
    align-items: center;
    gap: .3125rem;
    flex-shrink: 0;
    position: relative;
    background-color: transparent;
    border: 0 none;
    padding: 0;
    color: #fff;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    text-wrap: nowrap
}

.menu-shortlist svg {
    width: 1.875rem;
    height: 1.875rem;
    fill: currentcolor
}

.menu-shortlist:hover {
    color: #F6A70B
}

.menu-shortlist .shortlist-counter {
    top: -4px;
    left: 16px;
    outline: none
}

.shortlist-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    left: 13px;
    outline: 2px solid #E7F0FE;
    width: .875rem;
    min-width: fit-content;
    height: .875rem;
    line-height: .875rem;
    padding: .1875rem;
    background-color: #cc0c39;
    color: #fff;
    font-size: .5625rem;
    font-weight: 500;
    border-radius: 8px
}

#mobile_nav_wrapper,#courses_nav_wrapper,#login_drawer {
    height: 100%;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1300;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3)
}

#mobile_nav_wrapper *::-webkit-scrollbar,#courses_nav_wrapper *::-webkit-scrollbar,#login_drawer *::-webkit-scrollbar {
    width: 3px
}

#mobile_nav_wrapper *::-webkit-scrollbar-track,#courses_nav_wrapper *::-webkit-scrollbar-track,#login_drawer *::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 3px
}

#mobile_nav_wrapper *::-webkit-scrollbar-thumb,#courses_nav_wrapper *::-webkit-scrollbar-thumb,#login_drawer *::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 3px
}

#mobile_nav_wrapper *::-webkit-scrollbar-thumb:hover,#courses_nav_wrapper *::-webkit-scrollbar-thumb:hover,#login_drawer *::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

#mobile_nav_wrapper,#courses_nav_wrapper,#login_drawer {
    transition-duration: .2s;
    transition-property: transform, visibility, width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#mobile_nav_wrapper ul,#courses_nav_wrapper ul,#login_drawer ul {
    list-style: none;
    margin: 0;
    gap: 0
}

#mobile_nav_wrapper .mobile-nav-content,#courses_nav_wrapper .mobile-nav-content,#login_drawer .mobile-nav-content {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 100;
    height: 100%;
    overflow: hidden
}

#mobile_nav_wrapper .mobile-nav-header,#courses_nav_wrapper .mobile-nav-header,#login_drawer .mobile-nav-header {
    background-color: #21264D;
    position: relative;
    display: none;
    color: #fff;
    height: 3.5rem;
    width: 100%;
    padding: .625rem 3.4375rem .625rem .9375rem;
    z-index: 10;
    align-items: center
}

#mobile_nav_wrapper .mobile-nav-header a,#courses_nav_wrapper .mobile-nav-header a,#login_drawer .mobile-nav-header a {
    color: #fff
}

#mobile_nav_wrapper .mobile-nav-header a:hover,#courses_nav_wrapper .mobile-nav-header a:hover,#login_drawer .mobile-nav-header a:hover {
    color: #FCDB00
}

#mobile_nav_wrapper .mobile-nav-header .title,#courses_nav_wrapper .mobile-nav-header .title,#login_drawer .mobile-nav-header .title {
    display: block;
    font-weight: 600;
    font-size: 1.25rem
}

#mobile_nav_wrapper .mobile-menu-close,#courses_nav_wrapper .mobile-menu-close,#login_drawer .mobile-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 3.125rem;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background-color: inherit;
    cursor: pointer
}

#mobile_nav_wrapper .mobile-menu-close svg,#courses_nav_wrapper .mobile-menu-close svg,#login_drawer .mobile-menu-close svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

#mobile_nav_wrapper .mobile-menu-close:hover svg,#courses_nav_wrapper .mobile-menu-close:hover svg,#login_drawer .mobile-menu-close:hover svg {
    fill: #FCDB00
}

#mobile_nav_wrapper,#login_drawer {
    display: block;
    left: 0;
    width: 19.0625rem;
    transform: translateX(-100%)
}

#mobile_nav_wrapper .mobile-nav-header,#login_drawer .mobile-nav-header {
    padding: .625rem .9375rem .625rem 0
}

#mobile_nav_wrapper .mobile-nav-header .title,#login_drawer .mobile-nav-header .title {
    font-size: 1rem
}

#mobile_nav_wrapper .mobile-menu-close,#login_drawer .mobile-menu-close {
    position: relative;
    font-size: 1.5rem
}

#mobile_nav_wrapper .mobile-nav-footer,#login_drawer .mobile-nav-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(184,184,184,0.26);
    padding: .625rem .9375rem;
    min-height: 3.125rem
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__trigger .currency-code,#login_drawer .mobile-nav-footer .currency-switcher__trigger .currency-code {
    color: rgba(0,0,0,0.8)
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__trigger .currency-code:hover,#login_drawer .mobile-nav-footer .currency-switcher__trigger .currency-code:hover {
    color: #F6600B
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher,#login_drawer .mobile-nav-footer .currency-switcher {
    margin-left: 0
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__trigger,#login_drawer .mobile-nav-footer .currency-switcher__trigger {
    padding: 0
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__trigger svg,#login_drawer .mobile-nav-footer .currency-switcher__trigger svg {
    fill: rgba(0,0,0,0.8)
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__trigger:hover svg,#login_drawer .mobile-nav-footer .currency-switcher__trigger:hover svg {
    fill: #F6600B
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__dropdown,#login_drawer .mobile-nav-footer .currency-switcher__dropdown {
    inset: auto auto calc(100% + 10px) 0;
    width: auto
}

#mobile_nav_wrapper .mobile-nav-footer .currency-switcher__dropdown button,#login_drawer .mobile-nav-footer .currency-switcher__dropdown button {
    display: flex;
    padding: 12px 15px;
    font-family: inherit;
    font-size: .8125rem;
    font-weight: normal;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

#mobile_nav_wrapper .mobile-nav-footer .login-widget,#login_drawer .mobile-nav-footer .login-widget {
    margin-right: 0
}

#mobile_nav_wrapper .mobile-nav-footer .login-widget .login__trigger,#login_drawer .mobile-nav-footer .login-widget .login__trigger {
    color: #F6600B;
    font-size: .75rem;
    height: auto;
    padding: 0
}

#mobile_nav_wrapper .mobile-nav-footer .login-widget .login__trigger svg,#login_drawer .mobile-nav-footer .login-widget .login__trigger svg {
    fill: #F6600B
}

#mobile_nav_wrapper .mobile-nav-footer .login-widget .login__modal,#login_drawer .mobile-nav-footer .login-widget .login__modal {
    inset: auto 0 calc(100% + 10px) auto
}

#mobile_nav_wrapper .mobile-nav-footer .login-widget .login__menu-item li a,#login_drawer .mobile-nav-footer .login-widget .login__menu-item li a {
    font-weight: normal
}

#mobile_nav_wrapper .mega-menu,#login_drawer .mega-menu {
    display: block
}

#mobile_nav_wrapper .mega-menu h2,#login_drawer .mega-menu h2 {
    padding: .625rem .9375rem 0 .9375rem
}

#login_drawer {
    position: fixed;
    left: auto;
    right: 0;
    transform: translateX(100%)
}

#login_drawer .mobile-nav-header {
    display: flex;
    padding: .625rem 0 .625rem .9375rem
}

#login_drawer .currency-switcher {
    margin-left: 0
}

#login_drawer .currency-switcher__dropdown {
    right: auto;
    left: 0
}

.mobile-menu-open #mobile_nav_wrapper,.login-drawer-open #login_drawer {
    display: block;
    overflow-y: auto;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0%)
}

#courses_nav_wrapper {
    display: block;
    left: 0;
    width: 25rem;
    transform: translateX(-100%)
}

.courses-menu-open #courses_nav_wrapper {
    overflow-y: auto;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0%)
}

.mobile-nav {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1
}

.mobile-nav,.mobile-nav .child-nav {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    -webkit-overflow-scrolling: touch
}

.mobile-nav .profile {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem .9375rem;
    border-bottom: 1px solid #efefef
}

.mobile-nav .profile .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    overflow: hidden;
    font-size: 1.25rem
}

.mobile-nav .profile .avatar i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #F6A70B;
    color: #21264D
}

.mobile-nav .profile .name {
    display: block;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.125rem;
    font-weight: 600
}

.mobile-nav ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.mobile-nav a,.mobile-nav .btn-has-children,.mobile-nav .btn-go-back,.mobile-nav .btn-university-match-maker,.mobile-nav h3,.mobile-nav .profile,.mobile-nav .secondary-menu {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s
}

.mobile-nav li>a:hover,.mobile-nav li>a:hover::after {
    color: #21264D
}

.mobile-nav li.mobile-nav-matchmaker {
    padding: .75rem .9375rem
}

.mobile-nav li.go-back {
    position: sticky;
    top: 0;
    z-index: 1
}

.mobile-nav li.go-back .btn-go-back {
    background-color: #e5e5e5;
    font-size: .9375rem;
    font-weight: 600
}

.mobile-nav>li a,.mobile-nav>li .btn-menu-item,.mobile-nav>li .btn-has-children,.mobile-nav>li .btn-go-back {
    display: block;
    padding: .75rem .9375rem;
    font-weight: 600;
    font-size: 1rem;
    font-family: inherit;
    color: #21264D;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    line-height: inherit
}

.mobile-nav>li .btn-has-children,.mobile-nav>li .btn-go-back {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-right: .375rem
}

.mobile-nav>li .btn-has-children svg,.mobile-nav>li .btn-go-back svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: #21264D
}

.mobile-nav>li .btn-go-back {
    padding-left: .375rem;
    padding-right: .9375rem;
    justify-content: flex-start
}

.mobile-nav>li .active {
    color: #F6A70B
}

.mobile-nav>li h3 {
    font-size: 1.125rem;
    font-weight: 600;
    padding: .9375rem;
    color: #21264D
}

.mobile-nav>li h3 a {
    font-size: inherit !important;
    font-weight: inherit !important;
    padding: 0;
    border: 0 none
}

.mobile-nav>li.menu-divider {
    border-top: 1px solid #e8e8e8
}

.mobile-nav .child-nav {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.mobile-nav .child-nav a,.mobile-nav .child-nav .btn-has-children {
    font-weight: normal;
    font-size: .9375rem
}

.mobile-nav.move-out {
    overflow-y: hidden
}

.mobile-nav.move-out>li>a,.mobile-nav.move-out>li>.btn-has-children,.mobile-nav.move-out>li>.btn-go-back,.mobile-nav.move-out>li>.btn-university-match-maker,.mobile-nav.move-out>li>h3,.mobile-nav.move-out .profile,.mobile-nav.move-out .secondary-menu,.mobile-nav ul.move-out>li>a,.mobile-nav ul.move-out>li>.btn-has-children,.mobile-nav ul.move-out>li>.btn-go-back,.mobile-nav ul.move-out>li>h3 {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mobile-nav.move-out>li.secondary-menu>a,.mobile-nav ul.move-out>li.secondary-menu a {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.mobile-nav li.has-children .has-children li {
    padding: 0
}

.mobile-nav .secondary-menu {
    background-color: #fff;
    padding: .625rem 0;
    display: flex;
    flex-direction: column
}

.mobile-nav .secondary-menu a {
    border: 0 none;
    display: block;
    padding: .75rem .9375rem;
    font-weight: normal
}

.mobile-nav .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: .9375rem
}

.mobile-nav .footer-nav .social-links a {
    padding: 0;
    font-weight: normal;
    border: 0 none
}

.mobile-nav .footer-nav .icef_logo {
    border: 0 none;
    padding: 0;
    max-width: 6.875rem
}

body.mobile-menu-open::after,body.courses-menu-open::after,body.login-drawer-open::after {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

body.login-drawer-open::after {
    z-index: 1250
}

@media all and (max-width: 68.6875em) {
    body.mobile-menu-open::after,body.courses-menu-open::after {
        z-index:1250
    }

    #mobile_nav_wrapper,#courses_nav_wrapper,#login_drawer {
        position: fixed;
        height: 100dvh
    }

    .btn-mobile-menu {
        display: flex
    }

    #courses_nav_wrapper,.menu-shortlist {
        display: none
    }

    #mobile_nav_wrapper .mobile-nav-header {
        display: flex
    }
}

@media all and (max-width: 54.3125em) {
    .mobile-header-buttons {
        position:absolute;
        top: 0;
        right: 0;
        height: 3.25rem;
        margin-left: auto
    }
}

.image-container {
    position: relative;
    display: inline-block
}

.image-container img {
    display: block;
    width: 100%;
    height: auto;
    text-indent: -9999px
}

.image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
    background: rgba(0,0,0,0.1);
    pointer-events: none
}

.image-container::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    opacity: 1;
    transition: opacity 0.3s;
    pointer-events: none
}

.image-container.loading img {
    opacity: 0;
    overflow: hidden
}

.image-container.loaded img {
    opacity: 1
}

.image-container.loaded::before,.image-container.loaded::after {
    opacity: 0
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.filter-sidebar-aside {
    position: sticky !important;
    top: 20px;
    height: 100%;
    max-height: calc(100vh - 40px);
    min-height: 12.5rem;
    overflow-x: hidden
}

.filter-sidebar-drawer {
    display: flex;
    flex-direction: column;
    position: relative !important;
    background-color: #fff;
    border: 1px solid #CECECE;
    border-radius: 8px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition-duration: .2s;
    transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(0);
    height: 100%;
    max-width: 100%;
    right: 0;
    top: 0;
    bottom: 0
}

.filter-sidebar-drawer .custom-drawer__footer {
    display: none !important
}

.filter-sidebar--mobile {
    display: flex;
    position: absolute
}

.filter-sidebar--mobile__header {
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
    width: 100%;
    padding: 1rem;
    top: 0;
    color: #000;
    background: #F3F8FE !important;
    border-bottom: 1px solid #e3e9ed;
    border-radius: 8px 8px 0 0;
    font-size: 1.125rem
}

.filter-sidebar--mobile__header .filter-label {
    font-weight: 600;
    font-size: 1.25rem
}

.filter-sidebar--mobile__header .btn-close {
    display: none !important
}

.filter-sidebar--scroll {
    flex: 0 1 auto;
    height: calc(100% - 60px);
    overflow: hidden auto;
    padding-bottom: 0;
    position: relative;
    top: 3.75rem
}

.filter-sidebar--scroll::-webkit-scrollbar {
    width: 5px
}

.filter-sidebar--scroll::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.filter-sidebar--scroll::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.filter-sidebar--scroll::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.single-filters {
    position: relative;
    border-bottom: 1px solid #eae8ec;
    padding: 1rem
}

.single-filters:last-of-type {
    border-bottom: 0 none
}

.single-filters__header {
    margin-bottom: .625rem
}

.single-filters__header-title {
    font-weight: 500 !important;
    color: #000 !important;
    font-size: .875rem !important
}

.single-filters__header--with-tooltip {
    display: flex;
    gap: .375rem;
    justify-content: space-between
}

.single-filters__content--max-height {
    max-height: 160px;
    overflow: hidden
}

.single-filters__content .form-checkbox:last-of-type {
    margin-bottom: 0
}

.single-filters .btn-single-filters-more {
    height: auto;
    padding: 0;
    font-weight: 600;
    font-size: .875rem;
    min-width: 8.75rem;
    color: #cc0c39;
    justify-content: start;
    margin-top: 1rem
}

.single-filters .btn-single-filters-more:hover {
    color: #000
}

@media all and (max-width: 68.6875em) {
    .filter-sidebar-drawer {
        border-radius:0;
        border: none;
        transform: translateX(470px);
        position: fixed !important;
        z-index: 1100;
        width: 470px;
        height: 100%
    }

    .filter-sidebar-drawer--open {
        transform: translateX(0)
    }

    .filter-sidebar-drawer .custom-drawer__footer {
        display: flex !important
    }

    .filter-sidebar-aside {
        position: fixed !important;
        top: 0;
        right: 0;
        z-index: 3500;
        overflow: hidden;
        max-height: none;
        height: 100dvh
    }

    .filter-sidebar--mobile__header {
        border-radius: 0
    }

    .filter-sidebar--mobile__header .btn-close {
        display: inline-flex !important
    }

    .filter-sidebar--scroll {
        overflow: hidden auto;
        height: calc(100% - 142px)
    }
}

.full-page-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-block:auto}

.empty-state__title {
    font-weight: 500;
    color: rgba(117,117,117,0.71);
    margin-bottom: 1.5rem
}

.empty-state__pic {
    width: 100%;
    max-width: 15.625rem;
    margin: 0 auto 1rem
}

.empty-state__pic--wide {
    max-width: 31.25rem
}

.empty-state__desc {
    color: #21264D;
    font-size: clamp(1rem, calc(0.2vw + 1rem), 1.125rem) !important;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 1rem;
    max-width: 22.3125rem
}

@media all and (max-width: 41.8125em) {
    .preloader .empty-state__pic--wide {
        max-width:17.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .empty-state__pic-xs {
        max-width:9.375rem
    }
}

.custom-drawer {
    display: flex;
    flex-direction: column;
    z-index: 1250 !important;
    height: 100dvh;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    transition-duration: .2s;
    transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(470px);
    width: 470px;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0
}

.custom-drawer--open {
    transform: translateX(0);
    box-shadow: rgba(0,0,0,0.2) 0 8px 10px -5px,rgba(0,0,0,0.14) 0 16px 24px 2px,rgba(0,0,0,0.12) 0 6px 30px 5px
}

.custom-drawer--search-drawer {
    width: 100%;
    z-index: 1400 !important;
    transform: translateX(0) translateY(-100%)
}

.custom-drawer--search-drawer.custom-drawer--open {
    transform: translateX(0) translateY(0)
}

.custom-drawer--search-drawer .custom-drawer__header .card-title {
    flex: 1 1 auto;
    text-align: center
}

.custom-drawer--search-drawer .btn-search-wrapper {
    display: flex;
    justify-content: flex-end
}

.custom-drawer--search-drawer .matchmaker-link {
    background-color: transparent;
    margin: 0;
    border: 0 none;
    color: #F6600B;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer
}

.custom-drawer--search-drawer .matchmaker-link:hover {
    color: #000
}

.custom-drawer--splash-drawer {
    z-index: 2000 !important
}

.custom-drawer__header {
    display: flex;
    gap: .625rem;
    align-items: center;
    background-color: #FCDB00;
    border-bottom: 1px solid #e8e8e8;
    padding: .5rem 1rem;
    min-height: 3.75rem
}

.custom-drawer-intro {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: 1.25rem;
    color: #1976D2;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1.25rem
}

.custom-drawer__subtitle {
    font-size: 1.125rem !important;
    font-weight: 500;
    line-height: 1.4 !important
}

.custom-drawer__content {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    height: 100%;
    max-width: 100%;
    overflow: hidden auto;
    padding: 1rem
}

.custom-drawer__content::-webkit-scrollbar {
    width: 8px
}

.custom-drawer__content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 50px
}

.custom-drawer__content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 50px
}

.custom-drawer__content::-webkit-scrollbar-thumb:hover {
    background: #888
}

.custom-drawer__content--search-wrapper {
    width: 100%;
    max-width: 50.625rem;
    margin-inline:auto}

.custom-drawer__content .footer-sticky-btn {
    background-color: #f5f5f5;
    border-top: 1px solid #e8e8e8;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.custom-drawer__footer {
    background-color: #f5f5f5;
    border-top: 1px solid #e8e8e8;
    padding: 1rem
}

.custom-drawer.no-shadow {
    box-shadow: none !important
}

.custom-drawer.drawer-bg-grey .custom-drawer__content {
    background-color: #F6F8FA
}

@media all and (max-width: 35.5625em) {
    .custom-drawer--search-drawer .btn-search-wrapper .btn {
        width:100%
    }
}

.custom-dialog {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3000;
    max-width: 42.5rem;
    max-height: 90dvh;
    width: calc(100% - 40px);
    margin: auto;
    border-radius: .625rem;
    background-color: #fff;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    translate: 0 -25vh;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.custom-dialog--open {
    opacity: 1;
    box-shadow: rgba(0,0,0,0.2) 0 8px 10px -5px,rgba(0,0,0,0.14) 0 16px 24px 2px,rgba(0,0,0,0.12) 0 6px 30px 5px;
    translate: 0 0
}

.custom-dialog--fullscreen {
    width: 100dvw;
    height: 100dvh;
    border-radius: 0;
    max-width: none;
    max-height: none;
    inset: 0;
    transform: none
}

.custom-dialog--fullscreen>.custom-drawer__content {
    padding: 0 !important
}

.custom-dialog--hide-footer .custom-drawer__footer {
    display: none
}

.custom-dialog.dialog-mobile-center {
    border-radius: .625rem;
    margin: auto;
    width: calc(100% - 32px);
    max-height: 95dvh
}

.custom-dialog.dialog-mobile-center .custom-drawer__header {
    border-radius: .625rem .625rem 0 0
}

.custom-dialog.dialog-mobile-center .custom-drawer__footer {
    border-radius: 0 0 .625rem .625rem
}

.custom-dialog.dialog-mobile-center .custom-drawer__content {
    min-height: 4.125rem
}

.custom-dialog.dialog-mobile-center .dialog-content {
    overflow: auto
}

.custom-dialog.dialog-with-hero {
    overflow: hidden
}

.custom-dialog.dialog-with-hero .custom-drawer__content {
    padding: 0 !important
}

.custom-dialog .dialog-hero {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    background-color: #F0F8FF;
    padding: 2.5rem 1.25rem 1.25rem 1.25rem
}

.custom-dialog .dialog-hero-pic {
    max-width: 17.5rem;
    margin-inline:auto}

.custom-dialog .custom-drawer__header {
    border-radius: .625rem .625rem 0 0
}

.custom-dialog .custom-drawer__footer {
    border-radius: 0 0 .625rem .625rem
}

.custom-dialog .custom-drawer__footer .pagination-nav {
    margin: 0
}

.custom-dialog.lead-form .lead-form,.custom-dialog.has-lead-form .lead-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 90dvh;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: none
}

.custom-dialog.lead-form .lead-form__content,.custom-dialog.has-lead-form .lead-form__content {
    overflow-y: auto
}

.custom-dialog.lead-form .custom-drawer__content,.custom-dialog.has-lead-form .custom-drawer__content {
    padding: 0
}

.custom-dialog.thank-you {
    display: grid;
    place-content: center;
    width: calc(100% - 40px)
}

.custom-dialog .dialog-icon svg {
    width: 6.25rem;
    height: 6.25rem;
    fill: #33B469
}

.custom-dialog.university-preference-dialog {
    z-index: 4000 !important
}

.custom-dialog.university-preference-dialog+.custom-scrim {
    z-index: 3900 !important
}

.custom-dialog.form-dialog .custom-drawer__content {
    overflow: inherit;
    padding-inline:0}

.custom-dialog.form-dialog .custom-drawer__content form {
    padding: 1rem;
    overflow: auto;
    min-height: 25rem;
    max-height: 37.5rem
}

.custom-dialog.ranking-dialog .custom-drawer__content {
    overflow: inherit
}

.custom-dialog.dialog--campuses .single-course--campus--no-box {
    border-bottom: 1px solid #eae8ec
}

.custom-dialog.dialog--campuses .single-course--campus--no-box:last-of-type {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0
}

.custom-dialog.dialog--campuses .custom-drawer__content {
    display: block
}

.custom-dialog.processing-loader {
    background-color: #1976D2;
    z-index: 5000 !important
}

.custom-dialog.processing-loader .custom-drawer__content {
    padding: 1rem !important
}

.custom-dialog.processing-loader+.custom-scrim {
    z-index: 4900 !important
}

.custom-dialog.uploader {
    z-index: 4000 !important
}

.custom-dialog.uploader+.custom-scrim {
    z-index: 3900 !important
}

.custom-dialog .confetti {
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px)
}

.custom-dialog.dialog-with-header-button .btn-close {
    margin-left: initial
}

.custom-dialog.no-padding-content .custom-drawer__content {
    padding: 0 !important
}

.custom-dialog.allow-overflow .custom-drawer__content {
    overflow: inherit !important
}

.dialog-title {
    font-size: 1.25rem;
    font-weight: 500
}

.dialog-subtitle {
    font-size: .875rem;
    color: rgba(0,0,0,0.6)
}

.profile-dialog .custom-drawer__header .card-title {
    flex: 1 1 auto;
    text-align: center
}

@media all and (max-width: 54.3125em) {
    .profile-dialog .custom-drawer__header .card-title {
        text-align:left
    }
}

@media all and (max-width: 41.8125em) {
    .custom-dialog {
        max-height:none;
        height: 100dvh;
        inset: 0;
        transform: none;
        width: 100%;
        margin: 0;
        border-radius: 0
    }

    .custom-dialog.lead-form {
        border-radius: 0
    }

    .custom-dialog.has-lead-form .lead-form {
        max-height: none
    }

    .custom-dialog .lead-form__header {
        border-radius: 0
    }

    .custom-dialog .custom-drawer__header,.custom-dialog .custom-drawer__footer {
        border-radius: 0
    }

    .custom-dialog.dialog-with-header-button .custom-drawer__header {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .custom-dialog.dialog-with-header-button .custom-drawer__header .btn-primary {
        grid-column: span 2;
        width: 100%;
        margin-bottom: 1.5rem
    }

    .custom-dialog.dialog-with-header-button .custom-drawer__header .btn-close {
        grid-column: 2;
        grid-row: 1;
        margin-left: auto
    }

    .custom-dialog.dialog-mobile-center {
        height: max-content
    }

    @supports (-webkit-touch-callout: none) {
        .custom-dialog.dialog-mobile-center {
            height: auto;
            display: grid;
            place-content: center
        }
    }
}

.custom-bottom-sheet {
    display: flex;
    flex-direction: column;
    z-index: 1100 !important;
    width: 100%;
    max-height: 90dvh;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.2s;
    transform: translateY(100%);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    padding-top: .75rem
}

.custom-bottom-sheet--bottom {
    bottom: 0 !important
}

.custom-bottom-sheet--open {
    transform: translateY(0);
    box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.12)
}

.custom-bottom-sheet__handle {
    flex-shrink: 0;
    width: 4rem;
    height: .375rem;
    border-radius: .375rem;
    background-color: #D4D9DF;
    margin-inline:auto}

.custom-bottom-sheet__content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 90dvh;
    padding: .5rem 1rem 1rem 1rem;
    margin-top: 1rem
}

.custom-bottom-sheet__content::-webkit-scrollbar {
    width: 8px
}

.custom-bottom-sheet__content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 50px
}

.custom-bottom-sheet__content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 50px
}

.custom-bottom-sheet__content::-webkit-scrollbar-thumb:hover {
    background: #888
}

.custom-bottom-sheet-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin: 0 auto 1.25rem
}

.custom-bottom-sheet-icon i {
    width: 100%;
    height: 100%;
    font-size: 3.125rem;
    line-height: 1
}

.custom-bottom-sheet.allow-overflow .custom-bottom-sheet__content {
    overflow: inherit !important
}

.bottom-sheet-with-hero {
    padding-top: 0;
    overflow: hidden
}

.bottom-sheet-with-hero .custom-bottom-sheet__handle {
    position: relative;
    z-index: 2;
    top: 16px
}

.bottom-sheet-with-hero .custom-bottom-sheet__content {
    padding: 0;
    margin-top: -6px;
    position: relative
}

.bottom-sheet-with-hero .dialog-hero {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    background-color: #F0F8FF;
    padding: 2.125rem 1.25rem 1.25rem 1.25rem
}

.bottom-sheet-with-hero .dialog-hero-pic {
    max-width: 17.5rem;
    margin-inline:auto}

.bottom-sheet-with-hero .login-card-title {
    margin-top: 1.25rem
}

@media all and (max-width: 54.3125em) {
    .custom-bottom-sheet {
        bottom:48px
    }
}

.custom-scrim {
    position: fixed !important;
    z-index: 1090 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.custom-scrim.menu-scrim {
    display: none
}

.custom-scrim--visible {
    opacity: 0.2
}

.custom-scrim--hidden {
    opacity: 0
}

.custom-scrim--snackbar {
    z-index: 4990 !important
}

.custom-scrim.custom-dialog-scrim {
    z-index: 2900 !important
}

.custom-scrim.custom-next-step-scrim {
    z-index: 90 !important
}

@media all and (max-width: 68.6875em) {
    .custom-scrim.menu-scrim {
        display:block
    }
}

.confetti {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    line-height: normal;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 50%;
    padding: 1px
}

.avatar-with-details {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .625rem;
    align-items: center
}

.avatar-with-details .avatar {
    align-self: start
}

.avatar-with-details-content {
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.avatar-with-details-title,.avatar-with-details-subtitle {
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-all
}

.avatar-with-details-title {
    font-size: 1rem;
    font-weight: 500;
    color: rgba(0,0,0,0.8)
}

.avatar-with-details-subtitle {
    font-size: .75rem;
    color: #888
}

.avatar-with-details .chip {
    align-self: start
}

.avatar-with-details--vertical {
    grid-template-columns: auto;
    text-align: center;
    justify-items: center
}

.btn-avatar-with-details {
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    text-align: left
}

.btn-avatar-with-details:hover .avatar-with-details-title,.btn-avatar-with-details:hover .avatar-with-details-subtitle {
    text-decoration: underline
}

.avatar-group.stacked {
    display: flex;
    align-items: center;
    flex-direction: row;
    direction: ltr;
    max-width: 100%;
    white-space: nowrap
}

.avatar-group.stacked>* {
    margin-right: -8px
}

.avatar-group.stacked:last-of-type {
    padding-right: 8px
}

.avatar-group .avatar {
    border: 2px solid #fff
}

.avatar-group.small .avatar {
    font-size: .6875rem !important
}

.avatar-group.small .avatar-group__item.more .avatar {
    font-size: .625rem
}

.avatar-group.small .avatar-group__item.more:hover {
    transform: none
}

.avatar-group.small .avatar-group__item:hover {
    transform: translateY(-2px)
}

.avatar-group__item {
    cursor: default;
    transition: all 0.1s ease-out;
    position: relative
}

.avatar-group__item:hover {
    transform: translateY(-2px);
    z-index: 1
}

.avatar-group__item:hover .avatar-name {
    opacity: 1;
    visibility: visible
}

.avatar-group__item.more {
    align-items: center;
    display: flex
}

.avatar-group__item.more:hover {
    transform: none
}

.avatar-group__item.more .avatar {
    border: 2px solid #fff;
    background-color: #efefef;
    color: #000;
    font-size: .875rem;
    text-indent: -2px;
    font-weight: 500;
    padding: .25rem;
    min-width: 2rem;
    min-height: 2rem;
    aspect-ratio: 1;
    cursor: pointer
}

.avatar-group__item.more .avatar:hover {
    border-color: rgba(0,0,0,0.8)
}

.avatar-group__item .avatar-name {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    padding: .25rem .5rem;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: .75rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: .2s
}

.avatar-group__item .avatar-name::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid;
    border-color: rgba(0,0,0,0.7) transparent transparent
}

.social-media-share {
    display: inline-flex;
    align-self: flex-start;
    position: relative
}

.social-media-share__dropdown {
    display: none;
    flex-direction: row;
    gap: .25rem;
    align-items: center;
    height: 2.25rem !important;
    width: max-content;
    position: absolute;
    z-index: 10;
    right: 0;
    top: calc(100% + 5px);
    list-style: none;
    padding: .125rem;
    margin: 0;
    background: #fff;
    text-align: left;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18)
}

.social-media-share__dropdown--open {
    display: flex
}

.social-media-share__dropdown li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: inherit;
    border: none;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: background-color .15s ease-in-out
}

.social-media-share__dropdown li button svg {
    width: 1.125rem;
    height: 1.125rem
}

.social-media-share__dropdown li button svg.facebook {
    fill: #1877F2
}

.social-media-share__dropdown li button svg.x {
    fill: #000
}

.social-media-share__dropdown li button svg.linkedin {
    fill: #0077B5
}

.social-media-share__dropdown li button svg.whatsapp {
    fill: #25D366
}

.social-media-share__dropdown li button:hover {
    background-color: rgba(0,0,0,0.04)
}

.social-media-share--top .social-media-share__dropdown {
    top: -100%
}

.social-media-share--center .social-media-share__dropdown {
    left: 50%;
    transform: translateX(-50%)
}

.university-experience-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-top: 2rem
}

.university-experience-gallery a {
    cursor: zoom-in
}

.university-experience-gallery img {
    width: 100%;
    height: 8.75rem;
    object-fit: cover;
    border-radius: .5rem
}

.fancybox__container {
    z-index: 9999 !important
}

.banner-type-one {
    display: grid;
    grid-template-columns: 40% 1fr;
    background-color: #FCDB00;
    min-height: 32.5rem;
    color: #21264D;
    padding: 0;
    position: relative
}

.banner-type-one__pic {
    position: relative;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat
}

.banner-type-one__video video {
    display: block;
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60%;
    position: relative
}

.banner-type-one__content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center
}

.banner-type-one__content .section-title {
    margin-bottom: 1em
}

.banner-type-one__content .bulleted-list {
    font-size: 1.125rem
}

.banner-type-one__content .bulleted-list li::before {
    top: 5px !important
}

.banner-type-one__content .btn {
    margin-top: 1.875rem
}

.banner-type-one--reverse {
    grid-template-columns: 1fr 40%
}

.banner-type-one--reverse .banner-type-one__pic {
    grid-column: 2;
    grid-row: 1
}

@media all and (max-width: 104.3125em) {
    .banner-type-one {
        min-height:28.125rem;
        grid-template-columns: 35% 1fr;
        grid-column-gap: 0
    }

    .banner-type-one--reverse {
        grid-template-columns: 1fr 35%
    }
}

@media all and (max-width: 91.8125em) {
    .banner-type-one {
        min-height:24.375rem
    }
}

@media all and (max-width: 68.6875em) {
    .banner-type-one__pic {
        background-size:191%;
        background-position-x: 84%
    }

    .banner-type-one--reverse .banner-type-one__pic {
        background-position-x: 15%
    }
}

@media all and (max-width: 54.3125em) {
    .banner-type-one {
        grid-template-columns:1fr
    }

    .banner-type-one__pic {
        height: 360px;
        grid-row-start: 2;
        background-size: contain;
        background-position: center 85%
    }

    .banner-type-one__video {
        grid-row-start: 2
    }

    .banner-type-one__video video {
        object-position: center
    }

    .banner-type-one__content {
        padding: 1.5rem
    }

    .banner-type-one--reverse {
        grid-template-columns: 1fr
    }

    .banner-type-one--reverse .banner-type-one__pic {
        grid-row-start: 2;
        grid-column-start: 1;
        background-position: center 85%
    }
}

@media all and (max-width: 35.5625em) {
    .banner-type-one__pic {
        height:263px;
        background-position: bottom
    }

    .banner-type-one__content .bulleted-list {
        font-size: .875rem
    }

    .banner-type-one__content .bulleted-list li::before {
        top: 2px !important
    }
}

.figure-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 3.75rem
}

.figure-grid__pic {
    width: 100%
}

.figure-grid__pic.image-container,.figure-grid__pic.rounded {
    border-radius: 12px
}

.figure-grid__pic.image-container {
    overflow: hidden
}

.figure-grid__pic.image-container.loaded {
    overflow: initial
}

.figure-grid__pic>img {
    box-shadow: 0 5px 16px rgba(0,0,0,0.1337);
    object-fit: cover;
    object-position: left
}

.figure-grid__pic>img.rounded {
    border-radius: 12px;
    overflow: hidden
}

.figure-grid__pic>img.no-shadow {
    box-shadow: none
}

.figure-grid p:last-of-type {
    margin-bottom: 0
}

.figure-grid .btn-wrapper {
    margin-top: 1rem
}

.figure-grid .btn-with-label {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.figure-grid--reverse .figure-grid__pic {
    grid-column: 2;
    grid-row: 1
}

.figure-grid figcaption {
    width: 100%
}

.partners__slider {
    overflow: hidden
}

@media all and (max-width: 85.5625em) {
    .figure-grid {
        gap:2rem
    }
}

@media all and (max-width: 68.6875em) {
    .figure-grid {
        gap:1.875rem
    }

    .figure-grid__pic img {
        object-position: inherit
    }
}

@media all and (max-width: 54.3125em) {
    .figure-grid {
        display:flex;
        flex-direction: column
    }
}

@media all and (max-width: 41.8125em) {
    .figure-grid {
        gap:1.25rem
    }

    .figure-grid .btn-wrapper {
        text-align: center
    }

    .figure-grid--reverse-mobile {
        flex-direction: column-reverse
    }
}

.alternating-image-grid {
    display: grid;
    gap: 3rem;
    margin-top: 2rem
}

.alternating-image-grid .figure-grid:nth-child(even) .figure-grid__pic {
    grid-column: 2;
    grid-row: 1
}

@media all and (max-width: 54.3125em) {
    .alternating-image-grid {
        margin-top:1.5rem
    }
}

@media all and (max-width: 41.8125em) {
    .alternating-image-grid {
        gap:2rem
    }
}

.footer-nav {
    background-color: #21264D
}

.footer-nav__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem
}

.footer-nav__col {
    font-size: .8125rem;
    color: rgba(255,255,255,0.7)
}

.footer-nav__col-title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: .75rem;
    color: rgba(255,255,255,0.9)
}

.footer-nav .icef_logo {
    display: inline-block;
    max-width: 10.625rem
}

.footer-nav__links {
    display: flex;
    flex-direction: column
}

.footer-nav__links a {
    padding-block:.3125rem;color: rgba(255,255,255,0.7)
}

.footer-nav__links a:hover {
    color: #fff;
    text-decoration: underline
}

.footer-nav .social-links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: .3125rem
}

.footer-nav .social-links a {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    opacity: 0.6
}

.footer-nav .social-links a:hover {
    opacity: 1
}

.footer-nav .social-links a svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

.footer-nav .copyright {
    display: block;
    font-size: .75rem;
    margin-top: 1rem
}

.footer-menu {
    display: none
}

@media all and (max-width: 68.6875em) {
    .footer-nav__grid {
        grid-template-columns:repeat(4, 1fr);
        gap: 1.5rem
    }
}

@media all and (max-width: 54.3125em) {
    footer {
        display:none
    }

    .footer-nav {
        display: none;
        padding-bottom: 7rem
    }

    .footer-nav__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .footer-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #E7F0FE;
        height: 3.125rem;
        position: fixed;
        z-index: 1200;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 -8px 5px 0 rgba(42,107,189,0.2)
    }

    @supports (-webkit-touch-callout: none) {
        .footer-menu {
            transform: translateY(env(safe-area-inset-bottom, 0));
            bottom: env(safe-area-inset-bottom)
        }
    }

    .footer-menu__btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-family: inherit;
        border: none;
        outline: none;
        background-color: inherit;
        margin: 0;
        padding: 0;
        cursor: pointer;
        height: 100%;
        width: 100%;
        color: #1976D2
    }

    .footer-menu__btn svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: currentcolor
    }

    .footer-menu__btn a,.footer-menu__btn:hover {
        color: #21264D
    }

    .footer-menu__btn--active {
        color: #fff;
        background-color: #1976D2
    }

    .footer-menu__btn--active a {
        color: #fff
    }

    .footer-menu .footer-btn-shortlist {
        display: flex;
        position: relative
    }

    .footer-menu-contact {
        position: relative;
        width: 100%;
        height: 100%
    }

    .footer-menu-contact .footer-menu__btn svg {
        fill: #25d366
    }

    .footer-menu-contact .contact-menu {
        display: none;
        position: absolute;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.18);
        border-radius: 7px;
        inset: auto 0 calc(100% + 4px);
        z-index: 10;
        width: max-content;
        margin-inline:auto;left: 50%;
        transform: translateX(-50%);
        overflow: hidden
    }

    .footer-menu-contact .contact-menu--open {
        display: block
    }

    .footer-menu-contact .contact-menu-item {
        list-style-type: none;
        margin-left: 0;
        gap: 0
    }

    .footer-menu-contact .contact-menu-item li {
        display: block
    }

    .footer-menu-contact .contact-menu-item li a,.footer-menu-contact .contact-menu-item li button {
        border: 0 none;
        background-color: #fff;
        margin: 0;
        padding: .75rem 1.25rem;
        display: block;
        font-size: .875rem;
        font-family: inherit;
        color: #21264D;
        cursor: pointer
    }

    .footer-menu-contact .contact-menu-item li a:hover,.footer-menu-contact .contact-menu-item li a:focus,.footer-menu-contact .contact-menu-item li button:hover,.footer-menu-contact .contact-menu-item li button:focus {
        background: #f3f3f3
    }

    .footer-menu-spacer {
        padding-bottom: 3.125rem
    }
}

@media all and (max-width: 41.8125em) {
    .footer-nav {
        display:none
    }
}

@media all and (max-width: 35.5625em) {
    .footer-nav__grid {
        grid-template-columns:1fr
    }
}

.star-rating {
    margin-bottom: 1rem;
    width: 100%;
    height: 22px;
    background-image: url("https://ddasf3j8zb8ok.cloudfront.net/craydel.com/images/rating.svg");
    background-repeat: no-repeat
}

.star-rating.rating-0 {
    background-position: 0 0
}

.star-rating.rating-0-5 {
    background-position: 0 -31px
}

.star-rating.rating-1 {
    background-position: 0 -65px
}

.star-rating.rating-1-5 {
    background-position: 0 -98px
}

.star-rating.rating-2 {
    background-position: 0 -132px
}

.star-rating.rating-2-5 {
    background-position: 0 -165px
}

.star-rating.rating-3 {
    background-position: 0 -198px
}

.star-rating.rating-3-5 {
    background-position: 0 -232px
}

.star-rating.rating-4 {
    background-position: 0 -264px
}

.star-rating.rating-4-5 {
    background-position: 0 -298px
}

.star-rating.rating-5 {
    background-position: 0 -329px
}

.star-rating-input {
    display: inline-flex;
    flex-direction: row-reverse;
    cursor: default;
    text-align: left;
    justify-content: flex-end
}

.star-rating-input input[type="radio"] {
    display: none
}

.star-rating-input .tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    font-size: 0.75rem;
    padding: .25rem .5rem;
    border-radius: 4px;
    white-space: nowrap;
    transition: opacity 0.2s ease;
    pointer-events: none
}

.star-rating-input label {
    position: relative;
    color: #bbb;
    font-size: 2rem;
    padding-inline:.5rem;cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.star-rating-input label:last-of-type {
    padding-left: 0
}

.star-rating-input label:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.star-rating-input label:hover,.star-rating-input label:hover ~ label,.star-rating-input input[type="radio"]:checked ~ label {
    color: #f2b600
}

.short-display-ad {
    border-radius: 10px;
    background: #FEF7C3;
    display: grid;
    grid-template-columns: 1fr 25rem;
    grid-column-gap: 6rem;
    position: relative;
    padding-right: 3rem
}

.short-display-ad__img {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block:2rem}

.short-display-ad.has-overflow-image {
    margin-top: 5.25rem;
    padding-right: 0
}

.short-display-ad.has-overflow-image .short-display-ad__img {
    margin-top: -5.25rem;
    padding-right: 0
}

.short-display-ad.has-overflow-image .short-display-ad__img img {
    max-width: 18.75rem
}

.short-display-ad__desc {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem 3rem;
    position: relative
}

.short-display-ad__desc p {
    font-size: 1.125rem;
    margin-top: 1rem
}

.short-display-ad__desc p strong {
    font-weight: 600
}

.short-display-ad__desc--left {
    padding-right: 1rem
}

.short-display-ad__desc--right {
    margin-left: auto;
    display: flex;
    align-items: center;
    min-width: 15.625rem
}

.short-display-ad .short-display-ad__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.short-display-ad:hover .btn {
    background: #21264D;
    border-color: #21264D;
    color: #fff !important
}

@media all and (max-width: 104.3125em) {
    .short-display-ad {
        grid-column-gap:0
    }
}

@media all and (max-width: 85.5625em) {
    .short-display-ad {
        padding-right:2rem
    }

    .short-display-ad__img {
        padding-block:1rem}

    .short-display-ad__img img {
        max-width: 22.5rem
    }

    .short-display-ad__desc {
        padding: 1rem 2rem
    }

    .short-display-ad__desc p {
        font-size: 1.0625rem
    }
}

@media all and (max-width: 68.6875em) {
    .short-display-ad {
        padding-right:1.5rem;
        grid-template-columns: 1fr 18.75rem
    }

    .short-display-ad__img {
        padding-block:1.5rem}

    .short-display-ad__desc {
        padding: 1.5rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .short-display-ad__desc--right {
        margin-left: inherit
    }

    .short-display-ad__desc p {
        margin-bottom: 1rem
    }
}

@media all and (max-width: 54.3125em) {
    .short-display-ad {
        padding-right:0;
        display: block
    }

    .short-display-ad.has-overflow-image {
        margin-top: 0
    }

    .short-display-ad.has-overflow-image .short-display-ad__img {
        display: none
    }

    .short-display-ad__img {
        padding-inline:1rem}
}

@media all and (max-width: 35.5625em) {
    .short-display-ad__img {
        padding-block:1.2rem
    }

    .short-display-ad__desc {
        padding: 1.2rem
    }

    .short-display-ad__desc--right {
        min-width: auto;
        width: 100%
    }

    .short-display-ad .btn {
        width: 100%
    }
}

.newsletter-subscription {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    background-color: #FCEBD3;
    padding: 3rem;
    border-radius: 10px;
    color: #fff
}

.newsletter-subscription-pic {
    max-width: 18.75rem;
    margin-bottom: 1.25rem
}

@media all and (max-width: 68.6875em) {
    .newsletter-subscription {
        padding:2rem
    }
}

@media all and (max-width: 41.8125em) {
    .newsletter-subscription {
        padding:1.25rem
    }
}

.card {
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    margin: 0;
    border: none;
    font-family: inherit
}

.card--btn {
    font-family: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.2;
    cursor: pointer;
    border: none;
    background-color: inherit
}

.card--btn:hover {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,0.1)
}

.card--flat {
    box-shadow: none
}

.card--grey-border {
    border: 1px solid #D7D7D7 !important
}

.card--grey-border-light {
    border: 1px solid #eee !important
}

.card--primary-tonal {
    background-color: #E7F0FE
}

.card--primary-tonal .card__actions {
    border-top: 1px solid rgba(25,118,210,0.25)
}

.card--light-yellow {
    background-color: #fffae8
}

.card--add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F5F4F4;
    color: #7C7C7C;
    font-size: 1.25rem;
    font-weight: 500;
    box-shadow: none;
    text-align: center
}

.card--add svg {
    width: 2.875rem;
    height: 2.875rem;
    fill: currentcolor
}

.card--add:hover {
    background-color: #e9e7e7
}

.card--white {
    background-color: #fff
}

.card__actions {
    border-top: 1px solid #dbdcdd
}

.circular-progress {
    position: relative;
    display: inline-block;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    color: #1976D2;
    overflow: visible
}

.circular-progress svg {
    transform: rotate(270deg);
    width: 100%;
    height: 100%;
    display: block
}

.circular-progress circle {
    stroke-width: 8;
    fill: none;
    stroke-linecap: round
}

.circular-progress circle.bg {
    stroke: #D0E2FF
}

.circular-progress circle.fg {
    stroke: currentcolor;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1.5s ease;
    transform-origin: 50% 50%
}

.circular-progress .pct {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    color: #111;
    pointer-events: none;
    user-select: none
}

.circular-progress .sparks {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--size);
    height: var(--size);
    pointer-events: none;
    overflow: visible
}

.circular-progress .spark-particle {
    position: absolute;
    width: calc(var(--size) * 0.06);
    height: calc(var(--size) * 0.06);
    border-radius: 50%;
    background: currentcolor;
    transform: translate(-50%, -50%);
    opacity: 1;
    will-change: transform, opacity;
    animation: spark-move 600ms cubic-bezier(0.15, 0.8, 0.25, 1) forwards
}

@keyframes spark-move {
    0% {
        transform: translate(-50%, -50%) translate(0, 0) scale(1);
        opacity: 1
    }

    100% {
        transform: translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(0.6);
        opacity: 0
    }
}

.datatable-search-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.25rem
}

.datatable-search-box {
    position: relative;
    margin-left: auto
}

.datatable-search-box input {
    padding-right: 1.75rem
}

.datatable-search-box input:focus+.search-icon {
    fill: #1976D2
}

.datatable-search-box .search-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
    fill: rgba(0,0,0,0.54)
}

.mdc-data-table {
    display: grid;
    border-radius: 8px;
    border-color: #D7D7D7
}

.mdc-data-table.mobile-datatable {
    border: none
}

.mdc-data-table.mobile-datatable .mdc-data-table__table thead {
    display: none
}

.mdc-data-table.mobile-datatable .mdc-data-table__pagination {
    border: none
}

.mdc-data-table.mobile-datatable .mdc-data-table__cell {
    display: block;
    margin-bottom: 1rem;
    border: none
}

.mdc-data-table.mobile-datatable .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: transparent
}

.mdc-data-table.mobile-datatable .mdc-data-table__table-container {
    overflow-x: initial
}

.mdc-data-table.mobile-datatable .stats-carousel .splide__track {
    padding-bottom: 0 !important
}

.mdc-data-table.mobile-datatable .avatar-with-details {
    margin-block:0}

.mdc-data-table.cards-table {
    border: none
}

.mdc-data-table.cards-table .mdc-data-table__table thead {
    display: none
}

.mdc-data-table.cards-table .mdc-data-table__cell {
    display: block;
    padding-inline:0;margin-bottom: 1rem;
    border: none
}

.mdc-data-table.cards-table .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: transparent
}

.mdc-data-table.cards-table .card:hover {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,0.1)
}

.mdc-data-table__table-container {
    overflow-x: initial
}

.mdc-data-table__header-cell {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-weight: 600;
    vertical-align: middle;
    border-left: 1px solid #ECECEE;
    border-bottom-color: #ECECEE;
    background-color: #FBFBFB
}

.mdc-data-table__header-cell:first-child {
    border-left: none;
    border-top-left-radius: 8px !important
}

.mdc-data-table__header-cell:last-child {
    border-top-right-radius: 8px !important
}

.mdc-data-table__cell {
    font-family: "Poppins",helvetica,arial,sans-serif;
    vertical-align: middle;
    overflow: initial;
    border-left: 1px solid #ECECEE
}

.mdc-data-table__cell:first-child {
    border-left: none
}

.mdc-data-table__table .avatar-with-details {
    margin-block:.75rem}

.mdc-data-table__table .avatar-with-details-title {
    font-size: .875rem
}

.mdc-data-table__table .avatar-with-details-subtitle {
    color: rgba(28,46,69,0.6)
}

.mdc-data-table .tooltip-icon {
    width: .875rem !important;
    height: .875rem !important
}

.mdc-data-table .tooltip-icon svg {
    width: .625rem;
    height: .625rem
}

.mdc-data-table.full-width-table table {
    width: 100%
}

.selected-filters-container {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.selected-filters-container .filter-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

.selected-filters-container .selected-filters-chips-wrapper {
    display: grid;
    overflow: auto hidden;
    padding-block:.25rem}

.selected-filters-container .selected-filters-chips-wrapper::-webkit-scrollbar {
    height: 5px
}

.selected-filters-container .selected-filters-chips-wrapper::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    height: 5px
}

.selected-filters-container .selected-filters-chips-wrapper::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    height: 5px
}

.selected-filters-container .selected-filters-chips-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.selected-filters-container .selected-filters {
    display: flex;
    align-items: center;
    gap: .375rem;
    width: 100%
}

.datatable-image-item {
    display: grid;
    grid-template-columns: 6.25rem 1fr;
    gap: 1rem
}

.datatable-image-item.vertical-center {
    align-items: center
}

.datatable-image-item--profile {
    grid-template-columns: 3.75rem 1fr
}

.datatable-image-item--profile .pic {
    border-radius: 50% !important
}

.datatable-image-item .pic {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    align-self: start;
    position: relative;
    aspect-ratio: 1;
    padding: 0
}

.datatable-image-item .pic img {
    object-fit: contain;
    aspect-ratio: 1
}

.datatable-image-item .pic img.cover {
    object-fit: cover
}

.datatable-image-item .pic.video {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #E7F0FE
}

.datatable-image-item .pic.video svg {
    width: 4rem;
    height: 4rem;
    fill: red
}

.datatable-image-item button {
    background-color: transparent;
    cursor: pointer;
    text-align: left;
    align-items: flex-start
}

.custom-drawer__footer .mdc-data-table__pagination {
    border: none
}

@media all and (max-width: 68.6875em) {
    .mdc-data-table__table-container {
        overflow-x:auto
    }
}

@media all and (max-width: 35.5625em) {
    .datatable-search-wrapper {
        justify-content:start
    }

    .datatable-search-box {
        width: 100%
    }
}

.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: .875rem;
    color: #333;
    margin-bottom: 1rem
}

.breadcrumbs .breadcrumb-item {
    margin-right: 8px;
    position: relative
}

.breadcrumbs .breadcrumb-item:not(:last-child)::after {
    content: '>';
    margin-left: 8px;
    color: #999
}

.breadcrumbs .breadcrumb-item a {
    text-decoration: none;
    color: inherit
}

.breadcrumbs .breadcrumb-item a:hover {
    text-decoration: underline
}

.breadcrumbs .breadcrumb-item.active {
    color: #1976D2;
    font-weight: 500;
    pointer-events: none
}

.action-menu-widget {
    position: relative
}

.action__modal {
    display: block;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18);
    border-radius: 7px;
    width: max-content;
    position: absolute;
    text-align: left;
    right: 0;
    top: calc(100% + 5px);
    z-index: 10
}

.action__modal--open {
    display: block
}

.action__modal--top {
    top: auto;
    bottom: calc(100% + 5px)
}

.action__menu-item {
    list-style-type: none;
    margin-left: 0;
    gap: 0
}

.action__menu-item li {
    display: block
}

.action__menu-item li.menu-divider {
    border-top: 1px solid #e8e8e8
}

.action__menu-item li button,.action__menu-item li a {
    padding: .66667rem;
    display: block;
    width: 100%;
    font-size: .8125rem;
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    text-align: left
}

.action__menu-item li button:hover,.action__menu-item li button:focus,.action__menu-item li a:hover,.action__menu-item li a:focus {
    background: #f3f3f3
}

.action__menu-item li button {
    background-color: transparent;
    border: none;
    margin: 0;
    cursor: pointer;
    font-family: inherit
}

.action__menu-item li.has-submenu {
    position: relative
}

.action__menu-item li.has-submenu:hover>.action__submenu {
    display: block
}

.action__submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -4px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    min-width: 180px;
    width: max-content;
    z-index: 11
}

.action__submenu li button {
    justify-content: flex-start
}

.action__submenu--left {
    left: auto;
    margin-left: 0;
    right: 100%;
    margin-right: -4px
}

.submenu-icon {
    margin-left: 6px;
    opacity: 0.6;
    width: 16px;
    height: 16px
}

.status-chip {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .75rem
}

.status-chip::before {
    content: "";
    width: .375rem;
    height: 1.125rem;
    border-radius: 6px;
    background-color: currentcolor
}

.heart {
    fill: #000 !important;
    transition: fill 0.5s, transform 0.5s
}

.heart-icon {
    transform: scale(0.85)
}

.heart-btn {
    position: relative
}

.heart-btn.liked .heart {
    fill: #ee3529 !important
}

.heart-btn.liked .heart-icon {
    transform: scale(1)
}

.heart-btn.liked .heart-pop {
    fill: #ee3529 !important;
    animation-direction: normal;
    pointer-events: none
}

.heart-btn:active {
    box-shadow: 0 0 4px rgba(0,0,0,0.25)
}

.heart-pop {
    position: absolute;
    fill: gray !important;
    width: 30% !important;
    opacity: 0;
    left: 0;
    animation: pop 1s ease forwards reverse
}

.heart-pop.one {
    left: 1%;
    transform: rotate(-10deg);
    animation-delay: 0.45s
}

.heart-pop.two {
    left: 15%;
    transform: rotate(8deg);
    animation-delay: 0.25s
}

.heart-pop.three {
    left: 30%;
    transform: rotate(-5deg);
    animation-delay: 0s
}

.heart-pop.four {
    left: 50%;
    transform: rotate(-8deg);
    animation-delay: 0.3s
}

.heart-pop.five {
    left: 60%;
    transform: rotate(-10deg);
    animation-delay: 0.9s
}

.heart-pop.six {
    left: 70%;
    transform: rotate(-8deg);
    animation-delay: 0.2s
}

.heart-pop.seven {
    left: 85%;
    transform: rotate(6deg);
    animation-delay: 0.35s
}

.heart-pop.eight {
    left: 90%;
    transform: rotate(-4deg);
    animation-delay: 0.5s
}

.heart-pop.nine {
    left: 95%;
    transform: rotate(8deg);
    animation-delay: 0.2s
}

@keyframes pop {
    0% {
        left: calc(50% - 7px);
        top: 10px
    }

    20% {
        opacity: 1
    }

    80% {
        top: -20px
    }

    100% {
        opacity: 0
    }
}

.floating-hearts {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999
}

.floating-hearts-heart {
    position: absolute;
    bottom: -40px;
    fill: #e0245e;
    opacity: 0;
    will-change: transform, opacity;
    animation-name: float-up;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: forwards
}

.floating-hearts-heart path {
    fill: #e0245e
}

@keyframes float-up {
    0% {
        transform: translate3d(0, 0, 0) scale(0.6) rotate(0);
        opacity: 0
    }

    12% {
        opacity: 1
    }

    100% {
        transform: translate3d(var(--drift), -115vh, 0) scale(1.25) rotate(var(--rotate));
        opacity: 0
    }
}

.segment-filter-and-separator {
    overflow: hidden;
    padding-block:1rem}

.segment-filter-and-separator::after {
    content: "";
    display: inline-block;
    opacity: 0.12;
    background-color: rgba(0,0,0,0.8);
    height: 1px;
    left: .5em;
    margin-right: -50%;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.flip-box {
    perspective: 1000px
}

.flip-box .university-card {
    height: 100%
}

.flip-box .university-card__info {
    flex-grow: 1
}

.flip-box .university-card__single-course .card-title {
    font-size: 1rem !important;
    font-weight: 600
}

.flip-box .university-card__single-course .single-course__tag {
    height: auto !important
}

.flip-box.flipped .flip-box-inner {
    transform: rotateY(180deg)
}

.flip-box .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d
}

.flip-box .flip-box-back {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg)
}

.flip-box .flip-box-back .university-card {
    height: 100%;
    background-color: #fff;
    box-shadow: none;
    width: calc(100% + 1px);
    margin-left: -1px
}

.flip-box .flip-box-back .university-card__info {
    height: inherit
}

.flip-box .flip-box-back .university-card__footer {
    overflow: hidden
}

.flip-box .flip-box-back .university-usps {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    overflow-y: auto
}

.flip-box .flip-box-back .university-usps::-webkit-scrollbar {
    width: 5px
}

.flip-box .flip-box-back .university-usps::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 50px
}

.flip-box .flip-box-back .university-usps::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 50px
}

.flip-box .flip-box-back .university-usps::-webkit-scrollbar-thumb:hover {
    background: #888
}

.offline-notification {
    display: grid;
    grid-template-columns: 1.625rem 1fr 1.625rem;
    gap: .375rem;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    align-items: center;
    max-width: 21.875rem;
    width: 100%;
    margin-inline:auto;margin-top: 1rem;
    min-height: 3rem;
    border-radius: 24px;
    text-align: center;
    padding: .375rem .625rem;
    background-color: #FFF1C2;
    font-size: .75rem
}

.offline-notification--closed {
    display: none;
    pointer-events: none
}

.offline-notification svg {
    width: 1.625rem;
    height: 1.625rem;
    fill: #ED3A3A
}

.offline-notification .toast-title {
    display: block;
    color: #1976D2;
    font-weight: 500
}

.offline-notification .toast-message {
    display: block;
    color: #000
}

.offline-notification .btn-dismiss-notification {
    padding: 0;
    background-color: transparent;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    border-radius: 50%;
    border: 0 none;
    justify-self: center
}

.offline-notification .btn-dismiss-notification:hover svg {
    fill: rgba(0,0,0,0.7)
}

.offline-notification .btn-dismiss-notification svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #000
}

.foundation-notice-card {
    display: grid;
    grid-template-columns: 1.25rem 1fr;
    gap: .5rem;
    padding: .75rem .5rem;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 8px;
    font-size: .75rem
}

.form-group {
    margin-bottom: 1rem;
    position: relative
}

.field-label {
    display: block;
    color: #000;
    font-size: .875rem;
    margin-bottom: .375em
}

.field-label svg {
    margin-left: .25rem;
    width: 1rem;
    height: 1rem
}

.field-label--large {
    color: rgba(0,0,0,0.8);
    font-size: 1.125rem
}

.field-required {
    color: #fb8c00 !important
}

.field-hint {
    display: block;
    color: #5B5B5B;
    font-size: .75rem;
    margin-top: .125rem
}

.field-divider {
    display: block;
    height: 0;
    border: 0 solid rgba(25,118,210,0.25);
    border-top-width: thin;
    max-height: 0;
    max-width: 100%;
    margin: 1.25rem 0
}

.field-divider--dotted {
    border-style: dotted
}

.field-divider--dashed {
    border-style: dashed
}

.form-field {
    display: block;
    width: 100%;
    border: 1px solid #ccd1d9;
    padding: .75rem 1rem;
    border-radius: .5rem;
    -webkit-appearance: none;
    height: 2.5rem;
    background-color: #fff;
    color: #000;
    font-size: 1rem;
    font-family: "Poppins",helvetica,arial,sans-serif
}

.form-field:hover {
    border-color: #77869d
}

.form-field:active,.form-field:focus,.form-field:focus-within {
    border-color: #1976D2
}

.form-field.error {
    border-color: #fb8c00
}

.form-field:disabled,.form-field[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    border-color: #e1e3e4;
    cursor: not-allowed;
    color: rgba(0,0,0,0.4)
}

.form-field--rounded {
    border-radius: 1.25rem !important
}

.form-field.border-radius-2 {
    border-radius: .5rem !important
}

.form-field.small {
    height: 2.3125rem !important;
    font-size: .875rem !important;
    padding: .375rem .5rem
}

.form-field.primary-tonal {
    background-color: #E7F0FE !important;
    border-color: #1976D2 !important;
    color: #1976D2 !important
}

.form-field.primary-tonal:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
    border-color: #e1e3e4 !important;
    color: rgba(0,0,0,0.4) !important
}

.form-field::placeholder {
    color: rgba(0,0,0,0.4)
}

.error .form-field {
    border-color: #fb8c00 !important
}

textarea.form-field {
    min-height: 6.75rem;
    resize: none
}

.auto-grow {
    overflow: hidden
}

.textarea-counter {
    font-size: .75rem;
    color: #ccc
}

input[type="date"] {
    line-height: 12px
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" fill="%23000"/></svg>') no-repeat center;
    background-size: contain;
    cursor: pointer
}

.search-field {
    position: relative
}

.search-field input {
    padding-left: 2.5rem
}

.search-field::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    width: 1.5rem;
    height: 1.5rem;
    color: rgba(0,0,0,0.8);
    background-color: currentcolor;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.field-loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    background: linear-gradient(to right, #007bff 50%, transparent 50%) no-repeat;
    background-size: 200% 2px;
    width: 100%;
    box-sizing: border-box;
    animation: loading-line 1s linear infinite
}

.inline-fields {
    display: flex;
    gap: .625rem;
    flex-wrap: wrap
}

.inline-fields .form-group,.inline-fields .form-field {
    flex: 1
}

.inline-fields .styled-select {
    flex: 1
}

.error-msg {
    display: block;
    font-size: .75rem;
    color: #fb8c00;
    margin-top: .375rem
}

.course-counter {
    font-size: .75rem;
    color: #1976D2;
    white-space: nowrap
}

.custom-radio-group {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.custom-radio-group--inline {
    flex-direction: row
}

.custom-radio-with-tooltip {
    display: flex;
    align-items: center;
    gap: .375rem
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer
}

.custom-radio input[type="radio"],.custom-radio input[type="checkbox"] {
    display: none
}

.custom-radio input[type="radio"]:checked+.radio-label .radio-icon,.custom-radio input[type="checkbox"]:checked+.radio-label .radio-icon {
    background-color: #004d3e;
    color: white;
    border-color: #004d3e
}

.custom-radio input[type="radio"]:checked+.radio-label .radio-icon svg,.custom-radio input[type="checkbox"]:checked+.radio-label .radio-icon svg {
    display: block
}

.custom-radio--dot input[type="radio"],.custom-radio--dot input[type="checkbox"] {
    display: none
}

.custom-radio--dot input[type="radio"]:checked+.radio-label .radio-icon,.custom-radio--dot input[type="checkbox"]:checked+.radio-label .radio-icon {
    background-color: #fff;
    color: #21264D;
    border-color: #21264D
}

.custom-radio--dot input[type="radio"]:checked+.radio-label .radio-icon svg,.custom-radio--dot input[type="checkbox"]:checked+.radio-label .radio-icon svg {
    display: block;
    fill: currentcolor
}

.custom-radio.error .radio-icon {
    border-color: #fb8c00
}

.radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .875rem;
    color: rgba(0,0,0,0.8);
    line-height: 1.2
}

.radio-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0,0,0,0.5);
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.3s ease;
    color: transparent;
    position: relative
}

.radio-icon::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.04);
    pointer-events: none;
    opacity: 0;
    z-index: -1
}

.radio-icon:hover::before {
    opacity: 1
}

.radio-icon i {
    font-size: 12px
}

.radio-icon svg {
    display: none;
    width: .75rem;
    height: .75rem;
    fill: #fff
}

.styled-select {
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
    height: 2.75rem;
    border: 1px solid #ccd1d9;
    border-radius: .5rem;
    background-color: #fff;
    position: relative
}

.styled-select:hover {
    border-color: #77869d
}

.styled-select:active,.styled-select:focus,.styled-select:focus-within {
    border-color: #1976D2
}

.styled-select:active svg,.styled-select:focus svg,.styled-select:focus-within svg {
    fill: #1976D2
}

.styled-select svg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    width: 1.375rem;
    height: 100%;
    fill: #000
}

.styled-select select {
    width: 100%;
    padding: .3125rem 1.875rem .3125rem .75rem;
    border: 0;
    height: 100%;
    margin: 0;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: .9375rem;
    line-height: inherit;
    -moz-appearance: window;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background: transparent
}

.styled-select select:required:invalid {
    color: gray
}

.styled-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.styled-select select option {
    color: rgba(0,0,0,0.8)
}

.styled-select.error {
    border-color: #ED3A3A
}

.styled-select.error svg {
    fill: #ED3A3A
}

.styled-select.sort-select,.styled-select.items-per-page-select {
    width: auto;
    height: 2rem;
    border-radius: .25rem
}

.styled-select.sort-select select,.styled-select.items-per-page-select select {
    padding-right: 1.5rem;
    font-size: .875rem
}

.form-checkbox {
    display: block;
    margin: 1rem 0;
    font-size: .875rem;
    line-height: 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-checkbox:hover input[type='checkbox'],.form-checkbox:hover input[type='radio'] {
    border-color: #77869d
}

.form-checkbox.error input[type='checkbox'],.form-checkbox.error input[type='radio'] {
    border-color: #fb8c00
}

.form-checkbox input {
    margin: 0 0 0 .5rem;
    padding: 0;
    vertical-align: text-top
}

.form-checkbox span {
    color: rgba(0,0,0,0.8);
    font-size: .75rem
}

.form-checkbox input[type='checkbox']:checked::before,.form-checkbox input[type='radio']:checked::before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-checkbox input[type='checkbox'],.form-checkbox input[type='radio'] {
    border-radius: 3px;
    border: #AFB9C6 solid 1px;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1.125rem;
    width: 1.125rem;
    margin: 0 .4rem 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    min-width: 1rem;
    -webkit-appearance: none;
    transition: .05s border-color ease-in-out
}

.form-checkbox input[type='radio'] {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .35rem;
    line-height: .7143
}

.form-checkbox input[type='checkbox']:checked {
    background-color: #18244f;
    border-color: #18244f;
    position: relative
}

.form-checkbox input[type='checkbox']:checked::before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 6px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-checkbox input[type='radio']:checked::before {
    content: "";
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    margin: .1875rem;
    background-color: #1e8cbe;
    line-height: 1.1429
}

.form-checkbox a {
    color: rgba(0,0,0,0.8)
}

.form-checkbox a:hover {
    color: #cc0c39
}

.form-checkbox-hint {
    display: block;
    font-size: .75rem;
    color: #1976D2;
    margin-left: 1.5rem
}

.otp-input {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.otp-input input {
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    font-size: 1.5rem;
    border: 2px solid #1976D2;
    border-radius: 12px;
    background-color: #fff;
    color: #000;
    transition: all 0.3s ease
}

.otp-input input:focus {
    border-color: #F6A70B;
    box-shadow: 0 0 0 2px rgba(246,167,11,0.3);
    outline: none
}

.otp-input input::-webkit-outer-spin-button,.otp-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.otp-input input[type='number'] {
    -moz-appearance: textfield
}

.iti {
    width: 100%
}

.iti__selected-dial-code {
    margin-left: 0 !important
}

.iti__selected-country-primary {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 1rem !important
}

.iti__dropdown-content input {
    height: 38px;
    margin: 0;
    padding: 6px 12px;
    border-radius: 3px;
    color: inherit;
    font-family: "Poppins",helvetica,arial,sans-serif
}

.iti__country-list {
    font-size: .75rem
}

.iti__country-list::-webkit-scrollbar {
    width: 5px
}

.iti__country-list::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.iti__country-list::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.iti.iti--container.iti--fullscreen-popup {
    z-index: 3100
}

.svelte-select {
    height: 2.375rem !important
}

.svelte-select input {
    font-family: "Poppins",helvetica,arial,sans-serif !important
}

.svelte-select input::placeholder {
    color: rgba(0,0,0,0.4) !important
}

.profile-pic {
    width: 12.125rem;
    min-width: 12.125rem;
    height: 12.125rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #efefef
}

@media all and (max-width: 41.8125em) {
    .inline-fields.wide-sm {
        flex-direction:column;
        gap: 0
    }
}

@media all and (max-width: 35.5625em) {
    .otp-input {
        gap:.625rem
    }

    .otp-input input {
        border-radius: 8px;
        width: 2.75rem;
        height: 2.75rem
    }
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: .375rem;
    height: 3rem;
    min-width: 4rem;
    position: relative;
    background-color: inherit;
    font-family: inherit;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 1.25rem;
    line-height: 1.2;
    border-radius: .5rem;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn.loading {
    position: relative;
    color: transparent !important;
    pointer-events: none;
    opacity: 0.6
}

.btn.loading::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    opacity: 1;
    transition: opacity 0.3s
}

.btn-default {
    background-color: #E5E5E5;
    color: #5A5A5A
}

.btn-default:hover,.btn-default:focus {
    background-color: rgba(90,90,90,0.2);
    color: #5A5A5A
}

.btn-primary {
    background-color: #1976D2 !important;
    color: #fff !important
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #21264D !important;
    color: #fff !important
}

.btn-primary:focus::before {
    opacity: 0 !important
}

.btn-primary.loading:hover,.btn-primary.loading:focus {
    color: transparent !important
}

.btn-primary.btn-active:hover,.btn-primary.btn-active:focus {
    background-color: #1976D2 !important;
    color: #fff !important
}

.btn-craydel-blue {
    background-color: #21264D !important;
    color: #fff !important
}

.btn-craydel-blue:hover,.btn-craydel-blue:focus {
    background-color: #1976D2 !important;
    color: #fff !important
}

.btn-craydel-blue:focus::before {
    opacity: 0 !important
}

.btn-craydel-blue.loading:hover,.btn-craydel-blue.loading:focus {
    color: transparent !important
}

.btn-craydel-blue.btn-active:hover,.btn-craydel-blue.btn-active:focus {
    background-color: #21264D !important;
    color: #fff !important
}

.btn-outline-craydel-blue {
    border-color: #21264D;
    color: #21264D !important;
    padding-inline:1.5625rem}

.btn-outline-craydel-blue:hover,.btn-outline-craydel-blue:focus {
    background-color: #21264D;
    color: #fff !important
}

.btn-outline-craydel-blue.btn-active:hover,.btn-outline-craydel-blue.btn-active:focus {
    border-color: #21264D;
    color: #21264D !important;
    background-color: transparent !important
}

.btn-outline-white {
    border-color: #fff;
    background-color: transparent;
    color: #fff
}

.btn-outline-white:hover {
    background-color: #21264D;
    color: #fff
}

.btn-light-blue {
    background-color: #E7F0FE;
    color: #1976D2
}

.btn-light-blue:hover,.btn-light-blue.active {
    background-color: rgba(246,167,11,0.08);
    color: #F6A70B
}

.btn-outline-light-blue {
    border-color: #1976D2;
    background-color: #E7F0FE;
    color: #1976D2
}

.btn-outline-light-blue:hover,.btn-outline-light-blue.active {
    border-color: #F6A70B;
    background-color: rgba(246,167,11,0.08);
    color: #F6A70B
}

.btn-outline-primary {
    border-color: #1976D2;
    background-color: #fff;
    color: #1976D2
}

.btn-outline-primary:hover,.btn-outline-primary.active {
    background-color: #1976D2;
    color: #fff
}

.btn-warning {
    background-color: #ffe7c8;
    color: #fb8c00
}

.btn-warning:hover,.btn-warning:focus {
    background-color: #ffdbaf;
    color: #fb8c00
}

.btn-success {
    background-color: #33B469 !important;
    color: #fff !important
}

.btn-success:hover,.btn-success:focus {
    background-color: #2da05d !important;
    color: #fff !important
}

.btn-success:focus::before {
    opacity: 0 !important
}

.btn-success-tonal {
    background-color: rgba(76,175,80,0.12) !important;
    color: #33B469 !important
}

.btn-success-tonal:hover,.btn-success-tonal:focus {
    background-color: rgba(51,180,105,0.2) !important;
    color: #33B469 !important
}

.btn-red {
    background-color: #cc0c39;
    color: #fff !important
}

.btn-red:hover,.btn-red:focus {
    background-color: #9c092c;
    color: #fff
}

.btn-red-hover:hover,.btn-red-hover:focus {
    border-color: #cc0c39 !important;
    background-color: #cc0c39 !important;
    color: #fff
}

.btn-yellow {
    background-color: #FCDB00 !important;
    color: #21264D !important
}

.btn-yellow:hover,.btn-yellow:focus {
    background-color: #21264D !important;
    color: #fff !important
}

.btn-yellow.btn-active:hover,.btn-yellow.btn-active:focus {
    background-color: #FCDB00 !important;
    color: #21264D !important
}

.btn-hover-primary:hover,.btn-hover-primary:focus {
    background-color: #1976D2 !important;
    color: #fff !important
}

.btn-white {
    background-color: #fff;
    color: #21264D
}

.btn-white:hover {
    background-color: #21264D;
    color: #fff
}

.btn-fancy {
    background: linear-gradient(135deg, #6665F1, #A556F6);
    color: white;
    border: 2px solid #6665F1;
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    letter-spacing: 0.5px
}

.btn-fancy:hover {
    background: linear-gradient(135deg, #A556F6, #6665F1);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(166,86,246,0.3)
}

.btn-fancy:disabled {
    background: #ccc;
    border-color: #999;
    color: #666;
    cursor: not-allowed;
    transform: none;
    box-shadow: none
}

.btn-text--primary {
    color: #1976D2
}

.btn-text--primary:hover,.btn-text--primary:focus {
    color: #21264D
}

.btn-text--orange {
    color: #F6600B
}

.btn-text--orange:hover,.btn-text--orange:focus {
    color: #21264D
}

.btn-rounded {
    border-radius: 1.5625rem
}

.btn-large {
    height: 4.1875rem;
    font-size: 2rem;
    font-weight: bold;
    padding-inline:1.875rem}

.btn-large.btn-rounded {
    border-radius: 4.1875rem
}

.btn-large i {
    font-size: 1.25rem
}

.btn-small {
    height: 2.3125rem;
    font-size: .875rem;
    font-weight: 500;
    padding-inline:.875rem;border-radius: .25rem
}

.btn-small i {
    font-size: 1.25rem
}

.btn-small.btn-with-icon svg {
    width: 1rem;
    height: 1rem
}

.btn-small.btn-rounded {
    border-radius: 2.3125rem
}

.btn-x-small {
    height: 1.75rem;
    font-size: .75rem;
    font-weight: 500;
    border-radius: .25rem;
    padding-inline:.75rem}

.btn-x-small i {
    font-size: 1.125rem
}

.btn-x-small.btn-rounded {
    border-radius: 1.75rem
}

.btn--disabled,.btn:disabled {
    background-color: rgba(0,0,0,0.12) !important;
    color: #666 !important;
    cursor: not-allowed;
    opacity: 0.6
}

.btn--disabled {
    cursor: pointer
}

.btn-min-width {
    min-width: 14.375rem
}

.btn-with-icon {
    gap: .375rem
}

.btn-with-icon svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: currentcolor;
    pointer-events: none
}

.btn-link {
    background-color: transparent;
    font-size: .875rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
    color: #1976D2;
    height: auto;
    white-space: normal;
    flex-shrink: 1;
    flex-grow: 0;
    min-width: 0;
    justify-content: start;
    text-align: left
}

.btn-link:hover {
    color: rgba(0,0,0,0.8);
    text-decoration: none
}

.btn-link--no-underline {
    text-decoration: none
}

.btn-link--disabled,.btn-link:disabled {
    background-color: transparent !important;
    color: #666 !important;
    cursor: not-allowed;
    opacity: 0.6
}

.btn-link--disabled {
    cursor: pointer
}

.button-share {
    background-color: #F6600B;
    box-shadow: 0 6px 19px 0 rgba(0,0,0,0.1);
    min-width: auto;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 50%;
    position: relative;
    padding: 0
}

.button-share svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: #fff
}

.btn-icon-round {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    min-width: auto;
    padding: 0;
    border: 0 none;
    margin: 0;
    border-radius: 50%;
    font-size: 1.25rem;
    list-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-icon-round svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}

.btn-default-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: inherit;
    width: 2.75rem !important;
    height: 2.75rem !important;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    transition: background-color .15s ease-in-out
}

.btn-default-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: currentcolor
}

.btn-default-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentcolor
}

.btn-default-icon:hover,.btn-default-icon--active {
    background-color: color-mix(in srgb, currentcolor 4%, transparent)
}

.btn-default-icon:disabled {
    cursor: default;
    pointer-events: none;
    color: rgba(0,0,0,0.26) !important
}

.btn-default-icon.btn-small {
    width: 2rem !important;
    height: 2rem !important
}

.btn-default-icon.btn-small svg {
    width: 1.125rem;
    height: 1.125rem
}

.btn-default-icon.btn-x-small {
    width: 1.5rem !important;
    height: 1.5rem !important
}

.btn-default-icon.btn-x-small svg {
    width: .875rem;
    height: .875rem
}

.btn-action-floating {
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem !important;
    height: 2.75rem !important;
    background-color: #FCDB00;
    border: none;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #21264D;
    transition: background-color .15s ease-in-out
}

.btn-action-floating svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentcolor
}

.btn-back {
    margin-left: -.5rem
}

.btn-close {
    margin-left: auto;
    margin-right: -.5rem
}

.btn-favourite {
    position: relative;
    color: #21264D
}

.btn-favourite::before {
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-weight: 600
}

@media all and (max-width: 35.5625em) {
    .btn-favourite.ml-n2::before {
        left:8px
    }
}

.btn-favourite.plus-one::before,.btn-favourite.minus-one::before {
    width: max-content;
    height: auto;
    padding: .25rem .625rem;
    border-radius: 15px;
    background-color: #000;
    color: #fff;
    font-size: .75rem;
    text-wrap: nowrap;
    animation-name: fade-text-up;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.btn-favourite.plus-one::before {
    content: "Favourited"
}

.btn-favourite.minus-one::before {
    content: none
}

.btn-favourite svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentcolor
}

.btn-favourite.favourited {
    color: #21264D
}

.btn-call-text {
    display: flex;
    align-items: center;
    gap: .875rem;
    background-color: #F8B84E;
    color: #1E1E1E;
    height: 2.625rem;
    cursor: default;
    border-radius: 42px;
    font-weight: 600
}

.btn-call-text img {
    width: 3.25rem;
    height: 3.25rem;
    margin-left: -2.875rem;
    border-radius: 50%
}

#btn-back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #1976D2;
    transition: opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    z-index: 1000
}

#btn-back-to-top:hover {
    background-color: rgba(25,118,210,0.8)
}

#btn-back-to-top.btn-back-to-top--show {
    opacity: 1;
    visibility: visible
}

.btn-whatsapp,.btn-footer-menu-whatsapp {
    background-color: transparent;
    padding: 0
}

.btn-whatsapp:hover svg,.btn-footer-menu-whatsapp:hover svg {
    fill: #22ef6f
}

.btn-whatsapp svg,.btn-footer-menu-whatsapp svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #25d366;
    transition: fill .15s ease-in-out
}

.btn-footer-menu-whatsapp svg {
    width: 1.5rem;
    height: 1.5rem
}

.btn-whatsapp-floating {
    background-color: #25d366 !important;
    color: #fff !important;
    border: none;
    transition: opacity .5s, visibility .5s, scale .5s !important;
    z-index: 190;
    position: fixed !important;
    bottom: 75px;
    right: 30px;
    scale: 0;
    box-shadow: rgba(0,0,0,0.2) 0 3px 1px -2px,rgba(0,0,0,0.14) 0 2px 2px 0,rgba(0,0,0,0.12) 0 1px 5px 0
}

.btn-whatsapp-floating--show {
    scale: 100%
}

.btn-whatsapp-floating:hover,.btn-whatsapp-floating:focus {
    box-shadow: rgba(0,0,0,0.2) 0 2px 4px -1px,rgba(0,0,0,0.14) 0 4px 5px 0,rgba(0,0,0,0.12) 0 1px 10px 0
}

.btn-whatsapp-floating svg {
    width: 1.25rem !important;
    height: 1.25rem !important
}

.btn-university-match-maker {
    background-color: #FCDB00;
    color: #21264D;
    border-radius: 8px;
    height: 2.625rem;
    width: 100%
}

.btn-university-match-maker:hover {
    background-color: #21264D;
    color: #fff
}

.btn-university-match-maker-home {
    height: 3.375rem;
    font-size: 24px;
    border-radius: 27px
}

.btn-university-match-maker-home.pulse-yellow::after {
    border-radius: 1.6875rem
}

.btn-with-counter {
    position: relative
}

.btn-with-counter .shortlist-counter {
    right: -7px;
    top: -4px;
    left: auto;
    outline-color: #fff
}

.checkbox-btn input[type="checkbox"] {
    display: none
}

.checkbox-btn input[type="checkbox"]:checked+label {
    background-color: #21264D;
    color: #fff !important
}

.checkbox-btn label:hover,.checkbox-btn label:focus {
    background-color: #efefef;
    color: #21264D !important
}

.filter-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    right: 2px;
    outline: none;
    width: .875rem;
    min-width: fit-content;
    height: .875rem;
    line-height: .875rem;
    padding: .1875rem;
    background-color: #cc0c39;
    color: #fff;
    font-size: .5625rem;
    font-weight: 500;
    border-radius: 8px
}

.badge {
    position: absolute;
    right: -4px;
    top: -4px;
    width: .5625rem;
    height: .5625rem;
    background-color: #cc0c39;
    border-radius: 50%;
    pointer-events: none
}

.badge.pulse-white::after,.badge.pulse-yellow::after,.badge.pulse::after {
    border-radius: 50% !important
}

.badge--yellow {
    background-color: #FCDB00
}

.btn-copy {
    font-size: .6875rem;
    min-width: auto !important;
    height: 1.375rem !important;
    border-radius: 20px;
    background-color: #E7F0FE;
    color: #1976D2
}

.btn-copy:hover {
    background-color: rgba(246,167,11,0.08);
    color: #F6A70B
}

.btn-copy:active {
    transform: translateY(1px)
}

.btn-tag {
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid transparent
}

.btn-tag--red {
    background: #D4093A;
    color: white
}

.btn-tag--outline {
    background: #FFF;
    color: #1976D2;
    border-color: #1976D2
}

.btn-file-upload {
    display: grid;
    grid-template-columns: 5rem 1fr;
    gap: 1rem;
    align-items: center;
    border: 1px dotted #989898;
    padding: 1.25rem;
    text-align: left;
    height: auto;
    width: 100%
}

.btn-file-upload-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #F5F5F5
}

.btn-file-upload-icon i {
    font-size: 2.125rem;
    color: #B8B8B8
}

.btn-file-upload-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.btn-file-upload-title {
    color: #1976D2
}

.btn-file-upload:hover {
    background-color: #E7F0FE;
    border-color: #1976D2
}

.btn-file-upload.uploaded {
    border-color: #33B469;
    background-color: rgba(76,175,80,0.12)
}

.btn-file-upload.uploaded .btn-file-upload-title {
    color: #33B469
}

.btn-file-upload.error {
    border-color: #fb8c00;
    background-color: #FFF4E6
}

.btn-file-upload.error .btn-file-upload-title {
    color: #fb8c00
}

@media all and (max-width: 85.5625em) {
    .btn-large {
        height:3.125rem;
        font-size: 1.5rem;
        padding-inline:1.25rem}
}

@media all and (max-width: 54.3125em) {
    .lead-form-cta {
        display:none
    }

    .btn-sticky-mobile {
        display: block !important;
        position: fixed;
        left: 0;
        bottom: 50px;
        z-index: 50;
        text-align: center;
        width: 100%;
        background-color: #fff;
        padding: 1rem;
        box-shadow: 3px 4px 60px rgba(0,0,0,0.27)
    }

    .sticky-btn-spacer {
        height: 5rem
    }

    .sticky-btn {
        display: block !important;
        position: fixed;
        left: 0;
        bottom: 50px;
        z-index: 50;
        width: 100%;
        background-color: #fff;
        padding-block:1rem !important;opacity: 0;
        visibility: hidden;
        pointer-events: none;
        box-shadow: 3px 4px 60px rgba(0,0,0,0.27);
        transform: translateY(80px);
        transition: all 0.25s ease 0s, transform 0.25s ease 0s
    }

    .sticky-btn--no-footer {
        position: sticky
    }

    .sticky-btn--no-footer-fixed {
        position: fixed;
        bottom: 0
    }

    .sticky-btn .section-title {
        display: none
    }

    .sticky-btn .btn {
        width: 100%;
        border-radius: .5rem;
        background-color: #1976D2;
        color: #fff
    }

    .sticky-btn .btn:hover {
        background-color: #2e8ae6;
        color: #fff
    }

    .sticky-btn.is-visible {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .has-no-footer-menu .sticky-btn {
        bottom: 0
    }

    #btn-back-to-top {
        width: 1.875rem;
        height: 1.875rem;
        bottom: 10px;
        right: 10px
    }

    .btn-whatsapp {
        display: none
    }

    .btn-fixed-footer-mobile {
        position: fixed !important;
        z-index: 10;
        left: 0;
        bottom: 50px;
        margin-bottom: 0 !important;
        width: 100%;
        border-radius: 0
    }

    .custom-dialog .btn-fixed-footer-mobile {
        bottom: 0;
        margin-bottom: 0 !important
    }
}

@media all and (max-width: 68.6875em) {
    .btn-call-text {
        display:none !important
    }
}

@media all and (max-width: 35.5625em) {
    .btn-xs-block {
        display:flex;
        width: 100%
    }

    .btn-large {
        height: 3rem;
        font-size: 1.125rem;
        padding-inline:1.25rem}

    #btn-back-to-top {
        display: none
    }

    .btn-floating {
        right: 10px;
        height: 1.875rem
    }

    .btn-whatsapp-floating {
        right: 10px;
        bottom: 140px
    }

    .btn-university-match-maker-home {
        height: 3.25rem;
        font-size: 20px
    }
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    font-weight: 500;
    font-size: .75rem;
    color: rgba(0,0,0,0.8);
    max-width: 100%;
    min-width: 0;
    height: 1.625rem;
    padding-inline:.625rem;overflow: hidden;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    border-radius: 9999px
}

.chip::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentcolor;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0.12
}

.chip .alert-content {
    position: relative
}

.chip-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    background-color: transparent;
    margin: 0 -.5rem 0 0;
    border: 0 none;
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .15s ease-in-out
}

.chip-close:hover {
    background-color: rgba(0,0,0,0.04)
}

.chip-close svg {
    width: 1rem;
    height: 1rem;
    fill: rgba(0,0,0,0.8)
}

.chip--flat {
    color: #fff !important
}

.chip--flat::before {
    background-color: inherit;
    opacity: 1;
    z-index: -1
}

.chip--flat.bg-yellow {
    color: #21264D !important;
    font-weight: 500
}

.chip--disabled {
    opacity: 0.5
}

.chip--small {
    height: 1.375rem;
    padding-inline:.5rem;font-size: .6875rem
}

.chip--x-small {
    height: 1.125rem;
    padding-inline:.5rem;font-size: .625rem;
    line-height: 18px
}

.chip--large {
    height: 2.375rem;
    padding-inline:.875rem;font-size: 1rem
}

.chip--x-large {
    height: 2.75rem;
    padding-inline:1.0625rem;font-size: 1.125rem
}

.chip-bordered {
    border: 1px solid rgba(0,0,0,0.23)
}

.chip-bordered::before {
    background-color: #fff;
    opacity: 1
}

.chip-bordered-dark {
    border: 1px solid rgba(0,0,0,0.8)
}

.chip-bordered-dark::before {
    background-color: #fff;
    opacity: 1
}

.chip-info {
    color: #1976D2
}

.chip-info::before {
    background-color: rgba(33,150,243,0.12);
    opacity: 1
}

.chip-warning {
    color: #DB7800
}

.chip-warning::before {
    background-color: rgba(251,140,0,0.12);
    opacity: 1
}

.chip-success {
    color: #147129
}

.chip-success::before {
    background-color: rgba(51,180,105,0.12);
    opacity: 1
}

.chip-error {
    color: #ED3A3A
}

.chip-error::before {
    background-color: rgba(237,58,58,0.12);
    opacity: 1
}

.chip-yellow {
    color: #7E6703
}

.chip-yellow::before {
    background-color: #FFFABE;
    opacity: 1
}

.chip-yellow-outlined {
    color: #7E6703;
    border: 1px solid #7E6703
}

.chip-yellow-outlined::before {
    background-color: #FFFABE;
    opacity: 1
}

.chip-craydel-yellow {
    color: #21264D
}

.chip-craydel-yellow::before {
    background-color: #FCDB00;
    opacity: 1
}

.chips-group {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.alert {
    display: grid;
    grid-template-columns: max-content auto max-content;
    gap: .75rem;
    width: 100%;
    padding: .625rem;
    margin-bottom: 1rem;
    color: rgba(0,0,0,0.8);
    border-radius: 4px;
    border: 1px solid currentcolor;
    line-height: 1.2;
    text-align: left;
    font-size: .875rem
}

.alert-icon {
    display: flex;
    align-items: center;
    font-size: 1.5rem
}

.alert-content {
    align-self: center
}

.alert-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: transparent;
    margin: 0 -.5rem 0 0;
    border: 0 none;
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .15s ease-in-out
}

.alert-close:hover {
    background-color: rgba(0,0,0,0.04)
}

.alert-close svg {
    width: 1rem;
    height: 1rem;
    fill: rgba(0,0,0,0.8)
}

.alert-error {
    background-color: #f8d7da;
    border-color: #ED3A3A;
    color: #ED3A3A
}

.alert-success {
    background-color: #d4edda;
    border-color: #33B469;
    color: #33B469
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #fb8c00;
    color: #fb8c00
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #2196f3;
    color: #2196f3
}

.snackbar {
    display: grid;
    grid-template-columns: max-content auto max-content;
    gap: .75rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    margin-inline:auto;max-width: 25rem;
    width: max-content;
    padding: .5rem;
    margin-bottom: 1rem;
    color: rgba(0,0,0,0.8);
    border-radius: 4px;
    line-height: 1.2;
    text-align: left;
    font-size: .875rem;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.2s;
    transform: translateY(-100%);
    visibility: hidden
}

.snackbar--open {
    visibility: visible;
    transform: translateY(5px);
    box-shadow: rgba(0,0,0,0.2) 0 3px 5px -1px,rgba(0,0,0,0.14) 0 6px 10px 0,rgba(0,0,0,0.12) 0 1px 18px 0
}

.snackbar-icon {
    display: flex;
    align-items: center;
    font-size: 1.25rem
}

.snackbar-content {
    align-self: center
}

.snackbar-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: transparent;
    margin: 0 -.25rem 0 0;
    border: 0 none;
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .15s ease-in-out
}

.snackbar-close:hover {
    background-color: rgba(0,0,0,0.04)
}

.snackbar-close svg {
    width: 1rem;
    height: 1rem;
    fill: rgba(0,0,0,0.8)
}

.snackbar-error {
    background-color: #f8d7da;
    color: #ED3A3A
}

.snackbar-success {
    background-color: #d4edda;
    color: #33B469
}

.snackbar-warning {
    background-color: #fff3cd;
    color: #fb8c00
}

.snackbar-info {
    background-color: #d1ecf1;
    color: #2196f3
}

.snackbar-step {
    grid-template-columns: max-content auto;
    position: relative;
    z-index: 100 !important;
    background-color: #fff;
    transform: translateY(calc(-100% - 50px));
    margin-bottom: .625rem;
    max-width: none
}

.snackbar-step.snackbar--open {
    visibility: visible;
    transform: translateY(0);
    position: sticky;
    top: 90px
}

.snackbar-step.snackbar--loaded {
    position: static !important
}

@media all and (max-width: 54.3125em) {
    .snackbar-step.snackbar--open {
        top:110px
    }
}

@media all and (max-width: 35.5625em) {
    .snackbar {
        max-width:none;
        width: 100%;
        border-radius: 0;
        transform: translateY(-100%)
    }

    .snackbar--open {
        transform: translateY(0)
    }

    .snackbar-step {
        width: 100vw
    }
}

.notification-snackbar {
    display: block;
    gap: .75rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    margin-inline:auto;max-width: 25rem;
    width: max-content;
    padding: .625rem 1.125rem;
    background-color: #cc0c39;
    color: #fff;
    border-radius: 24px;
    line-height: 1.2;
    text-align: left;
    font-size: 1rem;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.2s;
    transform: translateY(100%);
    visibility: hidden;
    box-shadow: rgba(0,0,0,0.2) 0 3px 5px -1px,rgba(0,0,0,0.14) 0 6px 10px 0,rgba(0,0,0,0.12) 0 1px 18px 0
}

.notification-snackbar--open {
    visibility: visible;
    transform: translateY(-10px)
}

.notification-snackbar-content {
    align-self: center
}

.skeleton-loader {
    background: rgba(0,0,0,0.12);
    position: relative;
    overflow: hidden;
    width: 100%
}

.skeleton-loader::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: loading 1.5s infinite;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));
    transform: translate(-100%);
    z-index: 1
}

.skeleton-loader.not-rounded {
    border-radius: 0 !important
}

.skeleton-loader__image {
    height: 100%;
    border-radius: 10px
}

.skeleton-loader__field {
    border-radius: 20px;
    height: 2.5rem
}

.skeleton-loader__btn {
    border-radius: .5rem;
    height: 3rem;
    min-width: 7.5rem
}

.skeleton-loader__btn-small {
    border-radius: .25rem;
    height: 2.3125rem;
    min-width: 4rem
}

.skeleton-loader__btn-x-small {
    border-radius: .25rem;
    height: 1.75rem;
    min-width: 4rem
}

.skeleton-loader__heading {
    border-radius: 12px;
    height: 1.5rem;
    margin-bottom: 1rem
}

.skeleton-loader__heading--three-quarter {
    width: 75%
}

.skeleton-loader__heading--half {
    width: 50%
}

.skeleton-loader__heading--quarter {
    width: 25%
}

.skeleton-loader__text {
    border-radius: 6px;
    margin-bottom: 1rem;
    height: .75rem
}

.skeleton-loader__text--three-quarter {
    width: 75%
}

.skeleton-loader__text--half {
    width: 50%
}

.skeleton-loader__text--quarter {
    width: 25%
}

.skeleton-loader__progress {
    border-radius: 6px;
    height: .5rem
}

.skeleton-loader__chip {
    border-radius: 20px;
    height: 1.625rem;
    width: 6.25rem;
    flex-shrink: 0
}

.skeleton-loader__chip--sm {
    height: 1.375rem
}

.skeleton-loader__chip--md {
    height: 2.21875rem
}

.skeleton-loader__chip--lg {
    height: 2.5rem
}

.skeleton-loader__chip--three-quarter {
    width: 75%
}

.skeleton-loader__chip--half {
    width: 50%
}

.skeleton-loader__chip--quarter {
    width: 20%
}

.skeleton-loader__avatar {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0
}

.skeleton-loader__avatar--medium {
    width: 1.625rem;
    height: 1.625rem
}

.skeleton-loader__avatar--40 {
    width: 2.5rem;
    height: 2.5rem
}

.skeleton-loader__avatar--large {
    width: 2.75rem;
    height: 2.75rem
}

.event-card__content .skeleton-loader__field {
    width: 6.5625rem
}

.university-card-skeleton-loader {
    box-shadow: none !important
}

.university-card-skeleton {
    padding-left: 1rem
}

.course-card-skeleton-loader {
    margin-bottom: 2rem
}

.course-card-skeleton-loader .skeleton-loader__image {
    height: 12.5rem
}

.study-abroad-list-skeleton .skeleton-loader__image {
    aspect-ratio: 1.5/1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.course-details-wrapper .skeleton-loader__image {
    aspect-ratio: 77/40;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.user-testimonial-skeleton .skeleton-loader__image {
    aspect-ratio: 1.7812
}

.user-testimonial-skeleton .skeleton-loader__btn-small {
    width: 9.5rem
}

.scholarship-skeleton {
    background-color: #fff !important
}

.scholarship-skeleton .skeleton-loader__image {
    aspect-ratio: 1.7812;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.scholarship-skeleton .skeleton-loader__btn-small {
    width: 6.5625rem
}

.figure-grid__pic .skeleton-loader__image {
    aspect-ratio: 1.8/1
}

.institution-title .skeleton-loader__image {
    height: 6.5rem
}

.institution-title .skeleton-city {
    width: 12.5rem
}

.institution-title .skeleton-loader__btn-small {
    width: 8.0625rem
}

.blog-skeletons .blog__featured-item-skeleton {
    padding: 0
}

.blog-skeletons .blog__featured-item-skeleton::after {
    content: none
}

.btn-currency-switcher .skeleton-loader__avatar {
    width: 1.125rem;
    height: 1.125rem
}

@media all and (max-width: 54.3125em) {
    .university-card-skeleton-loader .skeleton-loader__image {
        height:14.375rem;
        margin-bottom: 1rem
    }

    .university-card-skeleton {
        padding-left: 0
    }
}

@media all and (max-width: 35.5625em) {
    .institution-title .skeleton-loader__image {
        width:7rem
    }

    .institution-title .skeleton-loader__btn-small {
        display: none
    }
}

:root {
    --sv-control-bg: #fff
}

.svelecte.is-disabled {
    cursor: not-allowed
}

.svelecte.is-disabled .autocomplete-field {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #e9ecef !important
}

.svelecte.is-disabled .autocomplete-field .sv-item--container {
    opacity: 0.6
}

.svelecte.is-disabled .autocomplete-field.primary-tonal {
    background-color: #e9ecef !important;
    border-color: #e1e3e4 !important;
    color: rgba(0,0,0,0.4) !important
}

.svelecte.is-disabled .autocomplete-field.primary-tonal .sv-btn-indicator {
    color: rgba(0,0,0,0.4) !important
}

.svelecte.is-disabled .autocomplete-field.primary-tonal .sv-item--container {
    opacity: 1
}

.svelecte.is-focused .autocomplete-field {
    border-color: #1976D2 !important
}

.svelecte .sv-optgroup-header {
    font-size: .875rem;
    padding-inline:.25rem}

.autocomplete-field {
    display: grid !important;
    grid-template-columns: 1fr auto;
    min-height: 2.5rem !important;
    border-color: #ccd1d9 !important;
    background-color: #fff;
    padding-inline:.625rem;border-radius: 25px !important;
    cursor: pointer
}

.autocomplete-field--dropdown-menu {
    min-width: 12.5rem !important;
    border-radius: .25rem !important;
    min-height: 2.3125rem !important
}

.autocomplete-field.has-prepend-icon {
    grid-template-columns: auto 1fr auto
}

.autocomplete-field.border-radius-2 {
    border-radius: .5rem !important
}

.autocomplete-field.small {
    min-height: 2.3125rem !important;
    font-size: .875rem !important;
    padding-inline:.125rem}

.autocomplete-field.primary-tonal {
    background-color: #E7F0FE !important;
    border-color: #1976D2 !important;
    color: #1976D2 !important
}

.autocomplete-field.primary-tonal .sv-btn-indicator {
    color: #1976D2 !important
}

.autocomplete-field:hover {
    border-color: #77869d !important
}

.autocomplete-field.error {
    border-color: #fb8c00 !important
}

.autocomplete-field .prepend-icon {
    width: 1.5rem;
    height: 100%;
    fill: #bcc5d3
}

.autocomplete-field input::placeholder {
    color: #bcc5d3 !important
}

.autocomplete-field.blue-placeholder input::placeholder {
    color: #1976D2 !important
}

.autocomplete-field .sv-btn-indicator.sv-has-selection {
    border-right: 1px solid #ccd1d9;
    padding-right: .375rem
}

.autocomplete-field .sv-btn-separator {
    display: none
}

.autocomplete-field .sv-item--wrap.is-multi {
    font-size: .75rem;
    border-radius: 10px 0 0 10px
}

.autocomplete-field .sv-item--btn {
    border-radius: 0 10px 10px 0
}

.autocomplete-field-dropdown.is-open {
    z-index: 250 !important
}

.autocomplete-field-dropdown .option-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-inline:.375rem;min-height: 1.875rem;
    width: 100%;
    cursor: pointer
}

.autocomplete-field-dropdown .option-item-label {
    font-size: .875rem
}

.autocomplete-field-dropdown .option-item-secondary-label {
    flex-shrink: 0;
    font-size: .75rem;
    color: #1976D2;
    text-align: right
}

.autocomplete-field-dropdown .sv-item--wrap {
    min-height: 1.875rem;
    font-size: .875rem;
    border-radius: 4px
}

.autocomplete-field-dropdown ::-webkit-scrollbar {
    width: 5px
}

.autocomplete-field-dropdown ::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.autocomplete-field-dropdown ::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.autocomplete-field-dropdown ::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.autocomplete-field-dropdown .sv-dropdown-scroll {
    max-height: 16.25rem !important
}

.sliding-select-wrapper {
    position: relative;
    display: inline-block
}

.sliding-select-wrapper .dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    width: 280px;
    font-size: .875rem;
    background: white;
    border-radius: 7px;
    overflow: hidden auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.18);
    z-index: 50;
    max-height: max-content
}

.sliding-select-wrapper .dropdown::-webkit-scrollbar {
    width: 5px
}

.sliding-select-wrapper .dropdown::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.sliding-select-wrapper .dropdown::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.sliding-select-wrapper .dropdown::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.sliding-select-wrapper .levels {
    display: flex;
    width: 100%;
    transition: transform 0.25s ease
}

.sliding-select-wrapper .level {
    width: 100%;
    flex-shrink: 0;
    padding: 12px;
    max-height: 260px;
    background: white
}

.sliding-select-wrapper .back {
    display: flex;
    align-items: center;
    gap: .375rem;
    text-align: left;
    padding: .5rem .75rem;
    width: 100%;
    cursor: pointer;
    background: #f4f4f7;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out
}

.sliding-select-wrapper .back:hover {
    background-color: #eee
}

.sliding-select-wrapper .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .375rem;
    text-align: left;
    padding: .5rem .75rem;
    width: 100%;
    background-color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out
}

.sliding-select-wrapper .item--child {
    font-weight: normal
}

.sliding-select-wrapper .item:hover {
    background: #f4f4f7
}

.mdc-tab {
    padding-inline:1rem}

.mdc-tab__ripple {
    display: none
}

.tabs-with-badge .mdc-tab-scroller {
    overflow-y: initial
}

.tabs-with-badge .mdc-tab-scroller__scroll-area {
    overflow-x: initial
}

.tabs-with-badge .badge {
    right: -16px;
    top: 0
}

.mdc-tab-scroller {
    display: grid
}

.mdc-tab-scroller__scroll-area {
    overflow-y: hidden
}

.mdc-tab-scroller__scroll-content {
    will-change: initial !important
}

.mdc-tab-scroller__scroll-content::after {
    content: "";
    border-bottom: 2px solid #D0D5DD;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.results-tab-wrapper {
    background-color: #F3F8FE;
    border-radius: 10px;
    padding: .75rem
}

.results-tab-wrapper .mdc-tab-scroller__scroll-content {
    gap: 1rem
}

.results-tab-wrapper .mdc-tab-scroller__scroll-content::after {
    content: none
}

.results-tab-wrapper .mdc-tab {
    height: 2.8125rem;
    border: 1px solid transparent;
    border-radius: .625rem
}

.results-tab-wrapper .mdc-tab__text-label {
    color: rgba(0,0,0,0.8)
}

.results-tab-wrapper .mdc-tab-indicator {
    display: none
}

.results-tab-wrapper .mdc-tab .tag {
    position: absolute;
    right: -14px;
    top: 1px;
    z-index: 4;
    height: 1.0625rem;
    line-height: 1.0625rem;
    padding-inline:.375rem;background-color: #F00;
    border-radius: 17px;
    font-weight: 500;
    font-size: .625rem;
    color: #fff
}

.results-tab-wrapper .mdc-tab--active {
    border-color: #1976D2
}

.results-tab-wrapper .mdc-tab--active .mdc-tab__text-label {
    color: #1976D2;
    font-weight: 600
}

.results-tab-wrapper .mdc-tab:hover .mdc-tab__text-label {
    color: #1976D2
}

.pill-tabs .mdc-tab-scroller__scroll-content {
    gap: 1rem
}

.pill-tabs .mdc-tab-scroller__scroll-content::after {
    content: none
}

.pill-tabs .mdc-tab {
    height: 2.8125rem
}

.pill-tabs .mdc-tab__text-label {
    color: rgba(0,0,0,0.8)
}

.pill-tabs .mdc-tab__ripple {
    display: block;
    border-radius: 2.8125rem
}

.pill-tabs .mdc-tab__ripple::before,.pill-tabs .mdc-tab__ripple::after {
    opacity: 1 !important;
    background: rgba(23,111,242,0.05) !important
}

.pill-tabs .mdc-tab:hover:not(.mdc-tab--active) .mdc-tab__ripple::before,.pill-tabs .mdc-tab:hover:not(.mdc-tab--active) .mdc-tab__ripple::after {
    opacity: 1 !important;
    background: rgba(11,88,203,0.1) !important
}

.pill-tabs .mdc-tab-indicator {
    display: none
}

.pill-tabs .mdc-tab--active .mdc-tab__text-label {
    color: #1976D2
}

.pill-tabs .mdc-tab--active .mdc-tab__ripple::before,.pill-tabs .mdc-tab--active .mdc-tab__ripple::after {
    background: rgba(23,111,242,0.1) !important
}

.pill-tabs--small .mdc-tab-scroller__scroll-content {
    gap: .5rem
}

.pill-tabs--small .mdc-tab {
    height: 2.3125rem;
    font-size: .875rem
}

.pill-tabs--small .mdc-tab__ripple {
    border-radius: 2.3125rem
}

@media all and (max-width: 68.6875em) {
    .pill-tabs .mdc-tab-scroller__scroll-content {
        gap:.375rem
    }

    .pill-tabs .mdc-tab {
        height: 2.3125rem;
        font-size: .875rem
    }

    .pill-tabs .mdc-tab__ripple {
        border-radius: 2.3125rem
    }
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.accordion details {
    background-color: rgba(0,0,0,0.04);
    border-radius: .5rem;
    outline: none
}

.accordion details.has-error {
    background-color: rgba(204,12,57,0.1);
    outline: 1px solid #fb8c00
}

.accordion details.has-error summary {
    color: #fb8c00
}

.accordion details.has-error summary::after {
    color: #fb8c00
}

.accordion details.has-error .details__title {
    color: #fb8c00
}

.accordion details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: .75rem 1rem;
    cursor: pointer;
    list-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordion details summary::marker,.accordion details summary::-webkit-details-marker {
    display: none;
    content: ""
}

.accordion details summary::after {
    content: "";
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentcolor;
    color: #21264D;
    transition: transform .2s
}

.accordion details summary:hover::after,.accordion details summary:hover .details__title {
    color: #F6600B
}

.accordion details .details__title {
    color: #21264D;
    font-size: 1.125rem
}

.accordion details[open] {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16)
}

.accordion details[open]>summary::after {
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E");
    color: #F6600B
}

.accordion details[open] .details__title {
    color: #F6600B
}

.accordion details .details__content {
    padding-inline:1rem;padding-bottom: 1rem
}

.accordion details .details__content ul,.accordion details .details__content ol {
    margin-bottom: 1.25rem
}

.accordion details .details__content p:last-child {
    margin-bottom: 0
}

.accordion--animated .details__content {
    overflow: hidden;
    transition: height 0.35s ease, opacity 0.3s ease;
    height: 0;
    opacity: 0
}

.accordion--animated details[open] .details__content {
    opacity: 1;
    overflow: initial
}

.accordion--small details summary {
    padding: .5rem .75rem
}

.accordion--small details summary:hover::after,.accordion--small details summary:hover .details__title {
    color: #1976D2
}

.accordion--small details summary .details__title {
    font-size: 1rem
}

.accordion--small details[open]>summary::after {
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E");
    color: #1976D2
}

.accordion--small details[open]>summary .details__title {
    color: #1976D2
}

.accordion--small details .details__content {
    background-color: #fff;
    padding-inline:.75rem;padding-bottom: .75rem
}

.accordion--flat details {
    background-color: transparent
}

.accordion--flat details[open] {
    box-shadow: none
}

.accordion--flat details summary {
    padding: 0
}

.accordion--flat details summary.large-arrow::after {
    width: 1.875rem;
    height: 1.875rem;
    color: #1976D2
}

.accordion--flat details .details__content {
    padding-inline:0;padding-bottom: 0
}

.accordion--transparent details {
    background-color: transparent
}

.accordion--round-arrow details summary::before {
    content: "";
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    order: 1;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #F3F8FE;
    margin-left: -2.625rem
}

.accordion--round-arrow details summary::after {
    background-color: #1976D2
}

@media all and (max-width: 54.3125em) {
    .accordion details .details__title {
        font-size:1.0625rem
    }
}

.tooltip-container {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.tooltip-container .tooltip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .875rem;
    color: #1976D2;
    background-color: transparent;
    cursor: pointer;
    width: 1.125rem;
    height: 1.125rem;
    line-height: normal;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    border: 2px solid #1976D2;
    pointer-events: none
}

.tooltip-container .tooltip-icon svg {
    fill: #1976D2
}

.tooltip-container.tooltip-bottom .tooltip-text {
    left: 0;
    top: 100%;
    margin-top: -20px;
    transform: translateX(0) translateY(0)
}

.tooltip-container.tooltip-bottom:hover .tooltip-text {
    transform: translateX(0) translateY(24px)
}

.tooltip-container .tooltip-text {
    position: absolute;
    z-index: 2;
    left: 24px;
    background-color: #424242;
    color: #fff;
    padding: .3125rem 1rem;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-24px) translateY(0);
    transition: .5s;
    max-width: 250px;
    max-height: 400px;
    width: max-content;
    font-size: .6875rem;
    font-weight: normal;
    line-height: 1.4
}

.mdc-tooltip {
    z-index: 4000;
    min-width: 11.25rem;
    width: 100% !important;
    left: 0 !important
}

.mdc-tooltip--center {
    left: 50% !important;
    transform: translateX(-50%)
}

.mdc-tooltip--right {
    right: 0 !important;
    left: auto !important;
    transform: translateX(0)
}

.mdc-tooltip--top {
    top: auto !important;
    bottom: calc(100% + 5px) !important
}

.mdc-tooltip--wide {
    width: 17.5rem !important
}

.mdc-tooltip__surface {
    background-color: #424242 !important;
    font-size: .6875rem;
    font-family: "Poppins",helvetica,arial,sans-serif;
    text-align: left;
    max-height: 16.25rem;
    overflow-y: auto
}

.mdc-tooltip__surface::-webkit-scrollbar {
    width: 5px
}

.mdc-tooltip__surface::-webkit-scrollbar-track {
    background: #faca6d;
    border-radius: 20px;
    width: 5px
}

.mdc-tooltip__surface::-webkit-scrollbar-thumb {
    background: #F6A70B;
    border-radius: 20px;
    width: 5px
}

.mdc-tooltip__surface::-webkit-scrollbar-thumb:hover {
    background: #bd8007
}

.mdc-tooltip__surface .mdc-tooltip__title {
    color: #F6A70B;
    font-size: .75rem;
    font-weight: 600
}

.mdc-tooltip__surface .mdc-tooltip__content {
    color: #fff;
    font-size: .6875rem
}

.mdc-tooltip a {
    color: #FCDB00
}

.mdc-tooltip a:hover {
    text-decoration: underline
}

.datepicker-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    min-width: 18.75rem
}

.datepicker-btn svg {
    width: 1.25rem;
    height: 1.25rem
}

.datepicker-btn:hover+.datepicker-clear {
    opacity: 0.62
}

.datepicker-clear {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    opacity: 0;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: opacity .2s
}

.datepicker-clear svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: rgba(0,0,0,0.8)
}

.datepicker:hover .datepicker-btn {
    border-color: #77869d
}

.datepicker:hover .datepicker-clear {
    opacity: 0.62
}

.datepicker--right .calendars-container {
    left: auto !important;
    right: 0 !important
}

@media all and (max-width: 35.5625em) {
    .calendars-container {
        width:100% !important
    }
}

.pagination-nav {
    display: inline-flex;
    list-style-type: none;
    justify-content: center;
    width: 100%;
    margin-top: 2rem
}

.pagination-nav .option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin: .25rem;
    border-radius: 4px;
    font-size: .75rem;
    color: #1976D2;
    font-weight: 500;
    cursor: default
}

.pagination-nav .option.active {
    background-color: rgba(25,118,210,0.12)
}

.pagination-nav .option.prev:not(.disabled),.pagination-nav .option.next:not(.disabled),.pagination-nav .option.number {
    cursor: pointer
}

.pagination-nav .option.prev:not(.disabled):hover:not(.active),.pagination-nav .option.next:not(.disabled):hover:not(.active),.pagination-nav .option.number:hover:not(.active) {
    background-color: rgba(25,118,210,0.06)
}

.pagination-nav .option.disabled {
    opacity: 0.26
}

.pagination-nav .option svg {
    width: 1.25rem !important;
    height: 1.25rem !important
}

.pagination-nav .option svg path {
    fill: #1976D2
}

@media all and (max-width: 41.8125em) {
    .pagination-nav .option {
        width:2rem;
        height: 2rem;
        font-size: .625rem;
        margin: 0
    }

    .pagination-nav .option svg {
        width: 1rem !important;
        height: 1rem !important
    }
}

.image-uploader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem
}

.image-uploader .image-file-preview {
    width: 100%;
    aspect-ratio: 3/1;
    height: auto;
    border-radius: 8px;
    margin-inline:auto;object-fit: contain;
    border: 1px solid #ccd1d9
}

.image-uploader .image-file-preview.error {
    border-color: #fb8c00
}

.image-uploader .file-input {
    display: none
}

.image-uploader .btn-upload {
    align-self: center
}

.image-uploader-profile {
    width: 18.75rem
}

.image-uploader-profile .image-file-preview {
    background-color: #21264D
}

.file-uploader {
    display: flex;
    flex-direction: column
}

.file-uploader .file-label {
    display: inline-block;
    background-color: #4f46e5;
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    width: fit-content;
    font-weight: 600
}

.file-uploader .file-label:hover {
    background-color: #4338ca
}

.file-uploader input[type="file"] {
    display: none
}

.file-uploader .file-name {
    margin-top: 8px;
    color: #374151;
    font-size: .75rem;
    font-family: sans-serif;
    word-break: break-all;
    white-space: normal;
    text-wrap: balance
}

.uploader .filepond--root {
    min-height: 250px;
    margin-bottom: 0
}

.uploader .filepond--panel-root {
    border-radius: 0
}

.uploader .filepond--drop-label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.uploader .filepond--drop-label label {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-weight: 500
}

.uploader .filepond--label-action {
    color: #1976D2;
    text-decoration-color: #1976D2
}

@media all and (max-width: 41.8125em) {
    .uploader .filepond--wrapper {
        height:100%
    }

    .uploader .filepond--root {
        min-height: 100%
    }
}

.switch {
    display: inline-block;
    position: relative;
    width: 3.125rem;
    height: 1.5rem;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer
}

.switch::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 1.375rem;
    height: 1.375rem;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

.switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1)
}

.switch--small {
    width: 2.5rem;
    height: 1.25rem
}

.switch--small::before {
    width: 1.125rem;
    height: 1.125rem
}

.switch--small:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 6px rgba(128,128,128,0.1)
}

.switch+.card-title {
    line-height: normal
}

input:checked+.switch {
    background: #72da67
}

input:checked+.switch::before {
    left: 27px;
    background: #fff
}

input:checked+.switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(0,150,136,0.2)
}

input:checked+.switch--small::before {
    left: 21px
}

input:checked+.switch--small:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 6px rgba(0,150,136,0.2)
}

.tree-node {
    border: 1px solid #ccd1d9;
    padding: .75rem 1rem;
    border-radius: .5rem;
    background-color: #fff
}

.tree-node ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    user-select: none
}

.tree-node ul ul {
    padding-left: 1.2rem
}

.tree-node .form-checkbox {
    margin-block:.5rem}

.tree-node .btn-default-icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    color: #1976D2
}

.tree-node .btn-default-icon svg {
    width: 1rem;
    height: 1rem;
    fill: currentcolor
}

.tree-node .arrow::before {
    --tw-content: '+';
    content: var(--tw-content);
    display: inline-block;
    cursor: pointer;
    font-family: ui-monospace, monospace;
    font-size: 1rem;
    line-height: 1.5rem
}

.tree-node .arrowDown::before {
    --tw-content: '-';
    content: var(--tw-content)
}

.ck-content {
    line-height: 1.6;
    word-break: break-word
}

.ck.ck-editor__editable_inline {
    padding-inline:1.25rem !important}

.ck-body-wrapper {
    position: relative;
    z-index: 3500
}

.ck-body-wrapper .ck.ck-balloon-panel {
    margin-left: 1.25rem
}

.ck.ck-balloon-panel.ck-powered-by-balloon {
    display: none !important
}

.custom-dialog .ck.ck-editor {
    height: 100%
}

.custom-dialog .ck-editor__main {
    height: calc(100% - 40px)
}

.custom-dialog .ck-content {
    height: 100%
}

.application-timeline {
    margin: 0;
    padding: .3125rem 0 0 0;
    list-style: none;
    counter-reset: step;
    max-width: 48.75rem
}

.application-timeline-item {
    position: relative;
    border-left: 3px solid #8C8C8C;
    padding: 0 0 1.875rem 3.125rem;
    margin-left: 1.1875rem;
    counter-increment: step
}

.application-timeline-item:last-child {
    border-color: transparent !important
}

.application-timeline-item::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -21px;
    top: -5px;
    content: counter(step);
    font-size: .875rem;
    font-weight: 600;
    color: #656565;
    border: 3px solid #656565;
    border-radius: 50%;
    background: #fff;
    height: 2.4375rem;
    width: 2.4375rem
}

.application-timeline-item.done {
    border-color: #33B469
}

.application-timeline-item.done::before {
    background-color: #33B469;
    border-color: #33B469;
    color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    content: ""
}

.application-timeline-item.done .application-timeline-block-title {
    color: #33B469
}

.application-timeline-item.current::before {
    border-color: #2073CF;
    color: #2073CF
}

.application-timeline-item.current .application-timeline-block-title {
    color: #2073CF
}

.application-timeline-item.warning::before {
    background-color: #fb8c00;
    border-color: #fb8c00;
    color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    content: ""
}

.application-timeline-item.warning .application-timeline-block-title {
    color: #fb8c00
}

.application-timeline-block-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .875rem
}

.application-timeline-block .application-item-status {
    justify-self: end;
    display: inline-flex;
    flex-direction: column;
    width: max-content;
    text-align: center
}

@media all and (max-width: 41.8125em) {
    .application-timeline {
        max-width:none
    }

    .application-timeline-block {
        grid-template-columns: 1fr;
        grid-gap: .625rem
    }

    .application-timeline-block .application-item-status {
        justify-self: start;
        display: inline-flex;
        flex-direction: column;
        width: max-content;
        text-align: center
    }
}

.article a {
    color: #1976D2;
    text-decoration: none
}

.article a:hover {
    color: #000
}

.article h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #21264D;
    margin-bottom: 0.5em
}

.article h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #21264D;
    margin-bottom: 0.5em
}

.article ol,.article ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1.5;
    margin-left: 1.25rem;
    margin-bottom: 1.25rem
}

.article ol ol,.article ol ul,.article ul ol,.article ul ul {
    margin-top: 1rem
}

.article ol ol:last-child,.article ol ul:last-child,.article ul ol:last-child,.article ul ul:last-child {
    margin-bottom: 0
}

.article sup {
    vertical-align: super;
    font-size: smaller
}

.article sub {
    vertical-align: sub;
    font-size: smaller
}

.article figure,.article .article-video-banner {
    display: block;
    margin-bottom: 2rem;
    aspect-ratio: 3/1;
    position: relative;
    overflow: hidden
}

.article figure img,.article .article-video-banner img {
    height: 100%;
    object-fit: cover;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.article figure.table {
    aspect-ratio: initial;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.article .bulleted-list {
    list-style-type: none;
    gap: 1.25rem;
    margin-left: 0
}

.article .bulleted-list>li {
    position: relative;
    padding-left: 2.1875rem
}

.article .bulleted-list>li::before {
    content: "";
    position: absolute;
    font-size: 20px;
    width: 1.25rem;
    height: 1.25rem;
    left: 0;
    top: 2px;
    color: rgba(0,0,0,0.8);
    background-color: currentcolor;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.article .bulleted-list>li.cross::before {
    color: #de1818;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" /></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" /></svg>')
}

.article .bulleted-list--green>li::before {
    color: #4cb20d
}

.article .bulleted-list--white>li::before {
    color: #fff
}

.article blockquote {
    font-size: 1.125rem;
    margin: 1.875rem auto;
    font-style: italic;
    color: #555;
    padding: 1.2em 30px 1.2em 70px;
    border-left: 8px solid #F6A70B;
    line-height: 1.6;
    position: relative;
    background: #EDEDED
}

.article blockquote::before {
    font-family: "Arial Black", sans-serif;
    font-style: normal;
    content: "\201C";
    color: #F6A70B;
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px
}

.article blockquote span {
    display: block;
    font-style: italic;
    font-weight: 500;
    color: #000;
    margin-top: 1em
}

.article table {
    margin-bottom: 1.875rem;
    table-layout: fixed;
    width: 100%
}

.article table th,.article table td {
    padding: .875rem !important;
    border: 1px solid #efefef
}

.article table th {
    background-color: #21264D;
    color: #fff;
    font-weight: 500
}

.article table td {
    font-size: .875rem
}

@media all and (max-width: 85.5625em) {
    .article .article-video-banner::after {
        font-size:2.5rem;
        width: 3.75rem;
        height: 3.75rem
    }
}

@media all and (max-width: 41.8125em) {
    .article .article-video-banner::after {
        font-size:1.875rem;
        width: 3.125rem;
        height: 3.125rem
    }
}

@media all and (max-width: 35.5625em) {
    .article .article-video-banner::after {
        font-size:1.25rem;
        width: 2.5rem;
        height: 2.5rem
    }

    .article blockquote {
        font-size: 1rem;
        padding-left: 50px;
        padding-right: 16px;
        border-width: 4px;
        margin-block:1.25rem}

    .article blockquote::before {
        font-size: 3.5em
    }
}

.progress-header {
    background-color: #fff;
    padding: .5rem 0 .625rem 0;
    margin-top: -1rem;
    position: sticky;
    top: -1rem;
    z-index: 2
}

.progress-bar-title {
    font-weight: 500;
    font-size: .875rem;
    color: rgba(28,46,69,0.6)
}

.progress-bar {
    background-color: rgba(25,118,210,0.12);
    height: .3125rem;
    border-radius: 5px;
    overflow: hidden
}

.progress-bar__fill {
    background-color: #1976D2;
    height: .3125rem;
    transition: width 0.4s ease-in-out
}

.progress-bar-green {
    background-color: #DEDEDE
}

.progress-bar-green .progress-bar__fill {
    background-color: #33B469;
    background-image: linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    animation: progress-stripes 1s linear infinite
}

.progress-courses {
    display: block;
    color: #1976D2;
    margin-top: 2px;
    font-size: .8125rem
}

@keyframes progress-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

.match-maker-users-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block:2.5rem}

.match-maker-user {
    flex-shrink: 0;
    background-color: #EFEFEF;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    margin-left: -3rem;
    overflow: hidden;
    box-shadow: 0 3.58px 3.58px 0 rgba(0,0,0,0.25)
}

.match-maker-user:first-child {
    margin-left: 0
}

.match-maker-user-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #FFF1C2;
    width: 5rem;
    height: 5rem;
    color: #21264D;
    font-weight: 600;
    line-height: 1;
    border-radius: 50%;
    margin-left: -3rem;
    overflow: hidden;
    box-shadow: 0 5.75px 5.75px 0 rgba(0,0,0,0.25)
}

.match-maker-user-count span:nth-child(1) {
    font-size: 1rem
}

.match-maker-user-count span:nth-child(2) {
    font-size: .75rem
}

.matchmaker-stats {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    padding: 1.25rem 0 0 0;
    margin: 40px 0 auto;
    font-size: .75rem;
    color: #1976D2;
    text-wrap: pretty
}

.matchmaker-stats--no-underlay {
    margin: 0;
    flex-grow: 0
}

.matchmaker-stats--no-underlay::before {
    content: none !important
}

.matchmaker-stats::before {
    content: "";
    position: absolute;
    left: -1rem;
    bottom: -1rem;
    width: 100vw;
    height: calc(100% + 1rem);
    background-color: rgba(25,118,210,0.12)
}

.matchmaker-stats li {
    display: flex
}

.matchmaker-stats li::before {
    content: "✅";
    margin-right: 8px
}

.matchmaker-stats--with-title li::before {
    content: none
}

.matchmaker-stats-title {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: rgba(0,0,0,0.8);
    margin-bottom: .5rem
}

.matchmaker-stats-title::before {
    content: "✅";
    margin-right: 8px
}

.accordion .matchmaker-stats {
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,0.8);
    font-weight: 600
}

.accordion .matchmaker-stats::before {
    content: none
}

.matched-study-destinations-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
}

.matched-study-destination {
    display: flex;
    align-items: center;
    gap: .25rem;
    line-height: normal;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 .5rem 0 .125rem;
    border-radius: 12px;
    white-space: nowrap
}

.courses-results-search {
    margin-bottom: 1.5rem
}

.courses-results-search .course-search-field {
    display: flex;
    align-items: center;
    gap: .5rem
}

.courses-results-search .course-search-field .btn {
    height: 2.5rem
}

@media all and (max-width: 68.6875em) {
    .courses-results-search {
        background-color:#F5F5F5;
        margin: 0 -1.5rem 0 -1.5rem;
        padding: 1.5rem 1.5rem .5rem 1.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .courses-results-search {
        margin:0 -1.25rem 0 -1.25rem;
        padding: 1.25rem 1.25rem .5rem 1.25rem
    }

    .courses-results-search .course-search-field {
        display: grid
    }
}

.course-details-wrapper {
    max-width: 48.125rem;
    margin-inline:auto}

.course-figure {
    position: relative;
    margin-bottom: 1.5rem
}

.course-figure .university_tag {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1
}

.course-figure__pic {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 25rem;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.course-figure__pic img {
    height: 100%;
    object-fit: cover;
    object-position: top
}

.course-figure__caption .course-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10.625rem, 1fr));
    background-color: #FFF1C2;
    padding-block:1.5rem 1rem;text-align: center
}

.course-figure__caption .course-meta__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline:1rem;border-right: 1px solid #afb9c6;
    font-size: .75rem
}

.course-figure__caption .course-meta__col:last-of-type {
    border-right: none
}

.course-figure__caption .course-meta__value {
    font-weight: 600;
    font-size: 1.0625rem
}

.course-figure__caption .course-meta .info-icon {
    color: #1976D2;
    cursor: help
}

.course-figure__caption .course-meta .info-icon:hover {
    color: #000
}

.course-figure__caption .course-fee-policy {
    padding: 0 1rem 1rem 1rem;
    background-color: #FFF1C2;
    font-size: .75rem
}

.course-figure__caption .course-tags {
    display: flex;
    background-color: #F2F7FD;
    padding: 1.5rem 2rem;
    justify-content: center
}

.course-figure__caption .course-tags .single-course__tags-group {
    justify-content: center
}

.course-details-summary-text {
    border-left: 3px solid #F6A70B;
    padding-left: 1rem
}

.course-campuses {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.course-intakes {
    margin-bottom: 1.5rem
}

.course-intakes__dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem
}

@media all and (max-width: 68.6875em) {
    .course-figure__pic {
        max-height:23.375rem
    }

    .course-figure__caption .course-meta {
        padding-block:1.25rem}

    .course-figure__caption .course-tags {
        padding: 1.25rem
    }
}

@media all and (max-width: 41.8125em) {
    .course-details-wrapper .social-media-share__dropdown {
        left:calc(100% + 5px);
        top: 5px;
        right: auto
    }

    .course-figure__caption .course-meta {
        padding-block:.625rem}

    .course-figure__caption .course-tags {
        padding: .625rem
    }

    .course-figure__caption .course-meta__col {
        padding-inline:.625rem}

    .course-figure__pic {
        max-height: 18.125rem
    }
}

@media all and (max-width: 35.5625em) {
    .course-figure__caption .course-meta {
        grid-template-columns:1fr
    }

    .course-figure__caption .course-meta__col {
        padding-inline:0;padding-block:.625rem;border-right: none;
        border-bottom: 1px solid #afb9c6
    }

    .course-figure__caption .course-meta__col:last-of-type {
        border-bottom: none
    }
}

.single-course {
    display: grid;
    grid-template-columns: 12.5rem 1fr 16.25rem;
    gap: 0 30px;
    min-height: 12.5rem;
    width: 100%;
    overflow: hidden;
    margin-block:2rem;padding-bottom: 2rem;
    border-bottom: 1px solid #eae8ec
}

.single-course__image {
    display: block;
    align-self: start;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    position: relative
}

.single-course__image .v-img {
    border-radius: 8px
}

.single-course__image img {
    aspect-ratio: 1;
    object-fit: cover;
    height: 100%;
    border-radius: 8px
}

.single-course__title {
    font-weight: 500;
    font-size: clamp(1rem, calc(.2vw + 1rem), 1.25rem)
}

.single-course__title a {
    color: #21264D
}

.single-course__title a:hover {
    color: #F6600B
}

.single-course__accredited-by {
    font-weight: 600;
    font-size: .875rem;
    margin-block:.375rem}

.single-course__accredited-by a {
    color: rgba(0,0,0,0.8);
    text-decoration: underline
}

.single-course__accredited-by a:hover {
    color: #cc0c39
}

.single-course__uni-meta {
    display: flex;
    background: #ebf0f5;
    padding: 1rem 0;
    border-radius: .5rem;
    text-align: center;
    margin-block:1.25rem 1rem}

.single-course__uni-meta__info {
    border-right: 1px solid rgba(175,185,198,0.32);
    position: relative;
    flex-grow: 1;
    padding-inline:.5rem}

.single-course__uni-meta__info:last-of-type {
    border-right: 0 none
}

.single-course__uni-meta__info .meta-title {
    display: block;
    font-size: .875rem
}

.single-course__uni-meta__info .meta-value {
    display: block;
    font-weight: 600
}

.single-course__uni-title {
    font-size: .875rem;
    color: rgba(0,0,0,0.8);
    margin-bottom: .5rem
}

.single-course__uni-title a {
    color: rgba(0,0,0,0.6)
}

.single-course__uni-title a:hover {
    color: #F6A70B
}

.single-course__uni-title--big {
    font-size: 1rem
}

.single-course__location {
    display: flex;
    gap: .5rem
}

.single-course__location .fi {
    margin-top: .125rem
}

.single-course__tags-group {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.single-course__tag {
    display: flex;
    gap: .25rem;
    align-items: center;
    position: relative;
    min-height: 1.5rem;
    background-color: #176FF20D;
    border-radius: 12px;
    padding-inline:.75rem;font-size: .6875rem;
    color: #344054
}

.single-course__tag--flat {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    height: auto
}

.single-course__tag.has-info {
    cursor: help
}

.single-course__tag>i {
    display: flex;
    font-size: .875rem;
    line-height: normal
}

.single-course__tag.scholarship {
    background-color: #21264D;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
    padding-inline:.375rem}

.single-course__tag.scholarship svg {
    flex-shrink: 0;
    width: .875rem;
    height: .875rem;
    fill: currentcolor
}

.single-course__tag.partner {
    background-color: #cc0c39;
    color: #fff
}

.single-course__desc {
    font-size: .875rem;
    margin-block:1.25rem 1rem}

.single-course__fees {
    display: flex;
    flex-direction: column;
    align-items: end
}

.single-course__fees-currency {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 500
}

.single-course__fees-amount {
    font-size: 1.0625rem;
    font-weight: 600;
    margin-block:.125em}

.single-course__fees-info {
    font-size: .75rem;
    font-weight: 500;
    color: rgba(0,0,0,0.8)
}

.single-course--institution {
    grid-template-columns: 12.5rem 1fr;
    align-items: center;
    min-height: auto;
    background-color: #fff;
    border-radius: 8px;
    border: 0 none;
    box-shadow: 0 0 4px #21264D;
    padding: 1.25rem;
    overflow: inherit
}

.single-course--institution:hover {
    box-shadow: 0 0 4px 3px rgba(33,38,77,0.5)
}

.single-course--institution__tag {
    display: flex;
    align-items: center;
    position: relative;
    font-size: .6875rem;
    padding: .125rem .5rem;
    border-radius: 2px;
    box-shadow: -1px 1px 1px rgba(0,0,0,0.18);
    font-weight: 600
}

.single-course--institution__tag i {
    margin-left: .5rem
}

.single-course--institution__tag--popular {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #cc0c39;
    color: #fff;
    z-index: 1
}

.single-course--institution__tag--top-uni {
    display: inline-flex;
    align-items: center;
    gap: .1875rem;
    font-size: .6875rem;
    font-weight: 600;
    padding: .125rem .625rem;
    background-color: rgba(25,118,210,0.12);
    color: #1976D2;
    border-radius: 12px
}

.single-course--institution__tag--top-uni i {
    color: #f6a70b;
    font-size: .75rem
}

.single-course--institution__tag--top-uni i:last-child {
    margin-right: .125rem
}

.single-course--institution .single-course__image {
    height: 8.125rem
}

.single-course--institution .single-course__image img {
    object-fit: cover;
    aspect-ratio: auto
}

.single-course--institution .single-course__title {
    font-weight: 600
}

.single-course--institution .single-course__info {
    display: flex;
    align-items: center
}

.single-course--institution .single-course__info--grid {
    display: grid;
    grid-template-columns: 1fr 9.375rem;
    align-items: center;
    gap: 0 1rem
}

.single-course--institution .accordion {
    border-top: 1px solid #eae8ec;
    grid-column: span 2;
    margin-top: 1rem
}

.single-course--institution .accordion details {
    background-color: transparent
}

.single-course--institution .accordion details .details__title {
    font-size: 1rem;
    font-weight: normal !important;
    color: rgba(0,0,0,0.8) !important
}

.single-course--institution .accordion details .details__content {
    padding-inline:0}

.single-course--institution .accordion details[open] {
    box-shadow: none
}

.single-course--institution .accordion details[open] summary:hover::after,.single-course--institution .accordion details[open] summary:hover .details__title {
    color: rgba(0,0,0,0.8) !important
}

.single-course--institution .accordion details[open] summary::after {
    height: auto
}

.single-course--institution .accordion details summary {
    padding: .75rem 0 0
}

.single-course--institution .accordion details summary::after {
    color: rgba(0,0,0,0.8) !important
}

.single-course--institution .accordion details summary:hover::after,.single-course--institution .accordion details summary:hover .details__title {
    color: #000 !important
}

.single-course--campus {
    grid-template-columns: 9.375rem 1fr !important;
    gap: 0 20px;
    align-items: center;
    min-height: auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px #21264D;
    padding: 0
}

.single-course--campus:hover {
    box-shadow: 0 0 4px 3px rgba(33,38,77,0.5)
}

.single-course--campus .single-course__image {
    height: 100%
}

.single-course--campus .single-course__image img {
    aspect-ratio: 16/10;
    border-radius: 8px 0 0 8px
}

.single-course--campus .single-course__info {
    padding: 1.25rem 1.25rem 1.25rem 0
}

.single-course--campus .single-course__info--grid {
    display: grid;
    grid-template-columns: 1fr 9.375rem;
    align-items: center;
    gap: 0 1rem
}

.single-course--campus--no-box {
    grid-template-columns: 9.375rem 1fr;
    gap: 0 20px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 1rem 0;
    margin-bottom: 1rem;
    margin-top: 0 !important
}

.single-course--campus--no-box:hover {
    box-shadow: none
}

.single-course--campus--no-box .single-course__image {
    margin: 0 !important;
    width: auto !important;
    height: 5.875rem
}

.single-course--campus--no-box .single-course__image.image-container,.single-course--campus--no-box .single-course__image img {
    border-radius: 8px
}

.single-course--campus--no-box .single-course__info {
    padding: 0
}

.single-course .buttons-group {
    margin-top: 1rem
}

.dialog--campuses .single-course--campus--no-box {
    border-bottom: 1px solid #eae8ec
}

.dialog--campuses .single-course--campus--no-box:last-of-type {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0
}

.university-single-course {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
    margin-block:1rem;background-color: #fff;
    padding: 1.25rem !important;
    margin-top: 2rem !important;
    border: 0 none;
    border-radius: .625rem;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25)
}

.university-single-course:first-child {
    margin-top: 0
}

.university-single-course--vertical {
    display: block;
    margin: 0 !important;
    padding: 1rem !important;
    width: 100%;
    text-align: left
}

.university-single-course--vertical .single-course__details {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.university-single-course--vertical .single-course__fees {
    align-items: start
}

.university-single-course--flat {
    box-shadow: none
}

.university-single-course--grey-border {
    border: 1px solid #D7D7D7 !important
}

.university-single-course--no-shadow {
    border: 0 none;
    box-shadow: none
}

.university-single-course .card-title {
    font-size: 1rem !important;
    font-weight: 600
}

.university-single-course .card-title a {
    color: #1976D2
}

.university-single-course .card-title a:hover {
    color: rgba(0,0,0,0.8)
}

.university-single-course .single-course__uni-title {
    font-size: .75rem
}

.university-single-course .single-course__uni-title button {
    display: inline-flex;
    background-color: inherit;
    border: 0 none;
    font-family: inherit;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #21264D;
    font-size: .75rem;
    text-decoration: underline
}

.university-single-course .single-course__uni-title button:hover {
    text-decoration: none
}

.university-single-course .single-course__uni-title a {
    color: #21264D
}

.university-single-course .single-course__uni-title a:hover {
    color: rgba(0,0,0,0.8)
}

.university-single-course .favourites-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: end
}

.university-single-course .single-course__fees {
    justify-content: start
}

.university-single-course .single-course__fees-amount {
    margin-block:0}

.university-single-course:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.vertical-courses .single-course {
    display: block !important
}

.vertical-courses .single-course__image {
    height: 18.75rem
}

.vertical-courses .single-course__info {
    padding-top: 1.25rem
}

.vertical-courses .single-course__info .buttons-group {
    margin-bottom: 1.25rem
}

.vertical-courses .single-course__fees {
    display: grid;
    grid-template-columns: 1fr 8.125rem;
    grid-template-rows: 1fr;
    gap: 0 .625rem;
    grid-column: 2;
    grid-auto-flow: dense;
    padding: 0
}

.vertical-courses .single-course--institution {
    display: grid !important;
    grid-template-columns: 12.5rem 1fr
}

.vertical-courses .single-course--institution .single-course__image {
    height: auto
}

.vertical-courses .single-course--institution .single-course__info {
    padding-top: 0
}

.vertical-courses .single-course--campus {
    display: grid !important;
    grid-template-columns: 9.375rem 1fr
}

.vertical-courses .single-course--campus--no-box {
    grid-template-columns: 9.375rem 1fr
}

.vertical-courses .single-course--campus--no-box .single-course__image {
    height: 5.875rem
}

.vertical-courses .single-course__fees-amount,.vertical-courses .single-course__fees-info {
    grid-column: 1
}

.vertical-courses .single-course .btn {
    grid-column: 2;
    grid-row: span 3;
    margin-top: 0 !important
}

.vertical-courses .university-single-course .single-course__fees {
    display: flex
}

.scholarship-popup {
    display: none;
    padding: 1.875rem 1.25rem 1.25rem 1.25rem !important;
    max-width: 42.5rem !important
}

.scholarship-popup .fancybox-button {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px !important;
    right: 10px !important;
    border: 1px solid #000;
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important
}

.scholarship-popup .fancybox-button svg {
    width: 20px;
    height: 20px
}

.scholarship-popup .fancybox-button:hover {
    border-color: #21264D;
    background-color: #21264D
}

.scholarship-popup .fancybox-button:hover svg path {
    fill: #fff
}

.carousel__slide .university-single-course {
    height: 100%;
    margin-block:0 !important}

@media all and (max-width: 85.5625em) {
    .single-course {
        grid-template-columns:9.375rem 1fr 16.25rem;
        gap: 0 20px
    }

    .single-course--institution {
        grid-template-columns: 12.5rem 1fr
    }

    .single-course--campus--no-box {
        grid-template-columns: 9.375rem 1fr
    }
}

@media all and (max-width: 54.3125em) {
    .single-course {
        display:block !important
    }

    .single-course__image {
        height: 18.75rem
    }

    .single-course__info {
        padding-top: 1.25rem
    }

    .single-course__info .buttons-group {
        margin-bottom: 1.25rem
    }

    .single-course__fees {
        display: grid;
        grid-template-columns: 1fr 8.125rem;
        grid-template-rows: 1fr;
        gap: 0 .625rem;
        grid-column: 2;
        grid-auto-flow: dense;
        padding: 0
    }

    .single-course--institution {
        display: grid !important;
        grid-template-columns: 12.5rem 1fr
    }

    .single-course--institution .single-course__image {
        height: auto
    }

    .single-course--institution .single-course__info {
        padding-top: 0
    }

    .single-course--campus {
        display: grid !important;
        grid-template-columns: 9.375rem 1fr
    }

    .single-course--campus--no-box {
        grid-template-columns: 9.375rem 1fr
    }

    .single-course--campus--no-box .single-course__image {
        height: 5.875rem
    }

    .single-course__fees-amount,.single-course__fees-info {
        grid-column: 1
    }

    .single-course .btn {
        grid-column: 2;
        grid-row: span 3;
        margin-top: 0 !important
    }

    .university-single-course .single-course__fees {
        display: flex
    }
}

@media all and (max-width: 41.8125em) {
    .single-course--institution {
        grid-template-columns:9.375rem 1fr
    }

    .single-course--institution .single-course__info {
        grid-template-columns: 1fr
    }

    .single-course--institution .single-course__info .btn {
        grid-column: auto;
        grid-row: auto;
        justify-self: start;
        margin-top: 0.5rem !important
    }

    .single-course__tag .tooltip-text {
        right: auto;
        left: 0
    }

    .single-course--campus .single-course__info--grid {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .single-course--campus .single-course__info--grid .btn {
        grid-column: 1;
        justify-self: start
    }

    .university-single-course {
        display: block
    }

    .university-single-course .favourites-wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .university-single-course .single-course__fees {
        align-items: start;
        margin-top: 1rem
    }

    .scholarship-popup {
        max-width: none !important;
        height: 100vh
    }
}

@media all and (max-width: 35.5625em) {
    .single-course {
        margin-block:1.25rem
    }

    .single-course__tag {
        font-size: .625rem
    }

    .single-course__image {
        height: 11.25rem
    }

    .single-course--institution {
        grid-template-columns: 1fr;
        gap: 0 12px
    }

    .single-course--institution .single-course__image {
        height: auto;
        margin: -1.25rem -1.25rem 0 -1.25rem;
        width: calc(100% + 40px)
    }

    .single-course--institution .single-course__image .v-img,.single-course--institution .single-course__image img {
        height: auto !important;
        aspect-ratio: 16/10;
        border-radius: 8px 8px 0 0
    }

    .single-course--institution .single-course__title {
        font-size: 1rem;
        margin-top: 1rem
    }

    .single-course--institution .single-course__info .btn {
        height: 1.75rem;
        font-size: .75rem;
        font-weight: 500;
        border-radius: 0.5rem;
        padding-inline:0.75rem}

    .single-course--institution .accordion {
        grid-column: 1;
        margin-top: .625rem
    }

    .single-course--institution .accordion details .details__title {
        font-size: .875rem
    }

    .single-course--institution .single-course__fees .btn {
        width: 100%
    }

    .single-course--campus {
        grid-template-columns: 1fr !important;
        gap: 1rem;
        margin-top: 0
    }

    .single-course--campus .single-course__image img {
        border-radius: 8px 8px 0 0
    }

    .single-course--campus .single-course__info {
        padding: 0 1.25rem 1.25rem 1.25rem
    }

    .single-course--campus .single-course__info .btn {
        justify-self: auto
    }

    .single-course--campus--no-box {
        padding-bottom: .625rem
    }

    .single-course--campus--no-box .single-course__image .v-img,.single-course--campus--no-box .single-course__image img {
        border-radius: 8px
    }

    .single-course--campus--no-box .single-course__info {
        padding: 0
    }

    .single-course__uni-meta {
        flex-direction: column;
        padding: 0
    }

    .single-course__uni-meta__info {
        padding: 1rem;
        border-bottom: 1px solid rgba(175,185,198,0.32);
        border-right: 0 none;
        text-align: left
    }

    .single-course__uni-meta__info:last-of-type {
        border-bottom: 0 none
    }

    .single-course .btn {
        flex-grow: 1
    }

    .university-single-course .card-title {
        font-size: .75rem !important
    }

    .university-single-course .single-course__uni-title {
        font-size: .625rem
    }

    .university-single-course .single-course__fees-amount {
        font-size: .9375rem
    }

    .university-single-course .single-course__fees-info {
        font-size: .75rem
    }

    .university-single-course .btn {
        flex-grow: 0;
        margin: 0 auto
    }
}

.search-results__header {
    display: grid;
    grid-template-columns: 1fr 2.5rem;
    gap: 1rem;
    margin-bottom: 1rem
}

.search-results__header-title {
    font-size: 1.25rem;
    color: rgba(0,0,0,0.8);
    flex: 1
}

.search-results__filter-sort-mobile {
    display: flex;
    align-items: center;
    gap: .5rem
}

.search-results__filter-sort-mobile .btn-filter-courses {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    background-color: #21264D;
    color: #fff;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    width: 2.5rem;
    height: 2.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    position: relative;
    pointer-events: none
}

.search-results__filter-sort-mobile .btn-filter-courses svg {
    fill: #fff;
    width: 1.5rem;
    height: 1.5rem
}

.search-results__filter-sort-mobile .btn-filter-courses .filters-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -4px;
    right: -4px;
    position: absolute;
    min-width: 1rem;
    height: 1rem;
    padding-inline:4px;background-color: #cc0c39;
    color: #fff;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: .6875rem;
    font-weight: 500;
    border-radius: 8px
}

.search-results__filter-sort-mobile .filters-label {
    font-weight: 500;
    color: #21264D
}

@media all and (max-width: 68.6875em) {
    .search-results__filter-sort-mobile .btn-filter-courses {
        pointer-events:auto;
        cursor: pointer
    }
}

@media all and (max-width: 41.8125em) {
    .search-results__header-title {
        font-size:.875rem
    }
}

.selected-filters-wrapper {
    display: none
}

#filter_chips_wrapper {
    display: block;
    padding: 0;
    grid-column: span 2;
    overflow: hidden;
    margin-top: .25rem
}

.searched-terms-filters {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.searched-terms-filters .searched-terms-tags {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    font-size: .75rem
}

.searched-terms-filters .searched-terms-tags .search-term-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 90px;
    padding: 0 .375rem 0 .5rem;
    position: relative;
    white-space: nowrap;
    font-size: .6875rem;
    border: 1px solid #1976D2;
    background-color: rgba(25,118,210,0.12);
    color: #1976D2;
    height: 1.5rem
}

.searched-terms-filters .searched-terms-tags .search-term-chip .close-chip {
    display: flex;
    align-items: center;
    background-color: transparent;
    font-family: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: .125rem;
    height: 100%;
    border: 0 none;
    padding: 0;
    cursor: pointer;
    opacity: 0.5
}

.searched-terms-filters .searched-terms-tags .search-term-chip .close-chip svg {
    fill: #1976D2;
    width: .875rem;
    height: .875rem
}

.searched-terms-filters .searched-terms-tags .search-term-chip .close-chip:hover {
    opacity: 1
}

.searched-terms-filters .searched-terms-tags .search-term-chip:last-of-type {
    margin-right: 1.5rem
}

.searched-terms-filters .search-clear-filter {
    height: 100%;
    border: 0;
    background-color: transparent;
    padding: 0 0 0 1.5rem;
    color: #0570D3;
    font-size: .75rem;
    cursor: pointer
}

.searched-terms-filters .search-clear-filter:hover {
    color: #cc0c39;
    text-decoration: underline
}

@media all and (max-width: 68.6875em) {
    .selected-filters-wrapper {
        display:grid;
        grid-template-columns: 2.5rem 1fr;
        align-items: center;
        padding-bottom: .5rem;
        padding-left: 1.5rem;
        padding-top: .75rem;
        position: sticky;
        top: 0;
        z-index: 5;
        background: #F5F5F5;
        margin-inline:-1.5rem}

    .selected-filters-wrapper .sort-select,.selected-filters-wrapper .btn-sort {
        margin-right: 1.5rem
    }

    .selected-filters-wrapper .search-clear-filter {
        display: none
    }

    .selected-filters-wrapper #filter_chips_wrapper {
        margin-bottom: .25rem
    }
}

@media all and (max-width: 35.5625em) {
    .selected-filters-wrapper {
        grid-template-columns:1fr
    }

    .selected-filters-wrapper .sort-select {
        margin-top: .5rem
    }
}

.editors-pick-title {
    display: flex;
    flex-wrap: nowrap;
    gap: .625rem;
    font-weight: 600;
    color: #1976D2;
    margin-bottom: .625rem
}

.editors-pick-title svg {
    fill: currentcolor;
    width: 1.5rem;
    height: 1.5rem
}

.editors-pick-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.editors-pick-list .editors-pick-block {
    margin-top: .125rem;
    padding-top: 1.25rem;
    border-top: 1px solid #DADADA
}

.editors-pick-list .editors-pick-block:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border: none
}

.editors-pick-block {
    display: grid;
    grid-template-columns: 20rem 1fr;
    gap: 1.25rem
}

.editors-pick-block-info-title {
    font-weight: 600;
    margin-bottom: .5rem
}

.editors-pick-block-info .editors-pick-highlights {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    font-weight: 500;
    margin-left: 0;
    list-style: none
}

.editors-pick-block-info .editors-pick-highlights p {
    margin-bottom: 0
}

@media all and (max-width: 54.3125em) {
    .editors-pick-block {
        grid-template-columns:1fr
    }
}

.shortlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 2rem
}

.shortlist-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    position: sticky;
    bottom: 0;
    z-index: 1100;
    background-color: #ECF6FF;
    color: #21264D;
    padding: 1rem;
    margin-top: 1rem
}

.shortlist-bar .shortlist-count {
    font-size: 1.25rem;
    font-weight: 600
}

.shortlist-bar .shortlist-select-course {
    font-weight: 500
}

@media all and (max-width: 68.6875em) {
    .shortlist-grid {
        grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
    }
}

@media all and (max-width: 54.3125em) {
    .shortlist-bar {
        bottom:50px;
        margin-inline:-1.5rem;margin-bottom: -2rem
    }

    .shortlist-bar .shortlist-count {
        font-size: 1rem;
        font-weight: 600
    }

    .shortlist-bar .shortlist-select-course {
        font-size: .875rem
    }
}

@media all and (max-width: 35.5625em) {
    .shortlist-bar {
        flex-direction:column;
        margin-inline:-1.25rem}
}

.lead-form {
    background-color: #fff;
    border-radius: .625rem;
    border: 1px solid #B8B8B8;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    align-self: start;
    width: 100%
}

.lead-form__header {
    padding: 1.125rem 1.5rem;
    background-color: #FCDB00;
    border-radius: .625rem .625rem 0 0;
    position: relative
}

.lead-form__header p {
    margin-bottom: 0;
    font-size: .9375rem
}

.lead-form__header .btn-close-lead-form {
    position: absolute;
    right: 4px;
    top: 4px
}

.lead-form__header .btn-close-lead-form+.section-title {
    padding-right: 2.5rem
}

.lead-form__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.5rem
}

.lead-form__content::-webkit-scrollbar {
    width: 5px
}

.lead-form__content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.lead-form__content::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.lead-form__content::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.lead-form .btn-submit {
    width: 100%
}

.top-courses-lead-form {
    margin-top: -37.5rem
}

.top-courses-lead-form .lead-form {
    position: relative;
    z-index: 80
}

.top-courses-lead-form-mobile {
    display: none;
    margin-top: 1.25rem
}

@media all and (max-width: 104.3125em) {
    .top-courses-lead-form {
        margin-top:-31.25rem
    }
}

@media all and (max-width: 91.8125em) {
    .lead-form__header,.lead-form__content {
        padding:1rem
    }
}

@media all and (max-width: 85.5625em) {
    .top-courses-lead-form {
        margin-top:-30rem
    }
}

@media all and (max-width: 68.6875em) {
    .top-courses-lead-form {
        margin-top:-25.5625rem
    }
}

@media all and (max-width: 54.3125em) {
    .lead-form__content {
        padding:1.5rem
    }

    .top-courses-lead-form {
        margin-top: 0
    }

    .top-courses-lead-form-desktop {
        display: none
    }
}

@media all and (max-width: 35.5625em) {
    .lead-form__header {
        padding:1.125rem
    }

    .lead-form__content {
        padding: 1.125rem;
        overflow-y: auto
    }
}

.lead-success__icon {
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin-inline:auto;margin-bottom: 2rem;
    overflow: hidden
}

.lead-success__text-wrapper {
    max-width: 31.25rem;
    margin-inline:auto;text-align: center
}

.lead-success__text-wrapper #advanced_search_btn {
    margin-inline:auto;max-width: 14rem
}

@media all and (max-width: 35.5625em) {
    .lead-success__icon {
        width:6.25rem;
        height: 6.25rem;
        margin-bottom: 1.5rem
    }
}

.university-card {
    display: grid;
    grid-template-columns: 21.875rem 1fr;
    margin-top: 2rem;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: .625rem
}

.university-card--no-image {
    grid-template-columns: 1fr
}

.university-card--no-image .university-card__info {
    border-radius: .625rem
}

.university-card--no-shadow {
    box-shadow: none
}

.university-card--grey-border {
    border: 1px solid #D7D7D7 !important
}

.university-card--campus {
    grid-template-columns: 15.625rem 1fr
}

.university-card--campus .university-card__image {
    min-height: 8.75rem
}

.university-card--warning {
    outline: 2px solid #fb8c00
}

.university-card--vertical {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    text-align: left;
    margin: 0;
    width: 100%
}

.university-card--vertical .university-card__image {
    border-radius: .625rem .625rem 0 0;
    box-shadow: none;
    height: 14.6875rem
}

.university-card--vertical .university-card__image .image-container::before {
    border-radius: .625rem .625rem 0 0
}

.university-card--vertical .university-card__image img {
    border-radius: .625rem .625rem 0 0
}

.university-card--vertical .university-card__info {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 0 0 .625rem .625rem
}

.university-card--vertical .university-card__footer {
    flex-direction: column !important
}

.university-card--vertical .university-card__footer .cta-wrapper {
    margin-left: initial !important;
    align-items: flex-start !important
}

.university-card--vertical .university-single-course--vertical {
    height: 100%
}

.university-card--vertical .btn-shortlist {
    margin-inline:0 !important}

.university-card--vertical .university-card__checklist {
    column-count: 1
}

.university-card--vertical .university-card__checklist::after {
    content: none
}

.university-card__image {
    position: relative;
    border-radius: .625rem 0 0 .625rem;
    min-height: 14.5625rem;
    height: 100%
}

.university-card__image img {
    border-radius: .625rem 0 0 .625rem;
    height: 100%;
    object-fit: cover
}

.university-card__image .university_match {
    position: absolute;
    left: 22px;
    bottom: 16px;
    z-index: 1
}

.university-card__image .university_tag {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1
}

.university-card__image .image-container {
    width: 100%;
    height: 100%
}

.university-card__image .image-container::before {
    border-radius: .625rem 0 0 .625rem
}

.university-card__image .favourites-button {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 2
}

.university-card__info {
    position: relative;
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 0 .625rem .625rem 0
}

.university-card__info--campus {
    display: grid;
    grid-template-columns: 1fr 9.375rem;
    gap: 1rem
}

.university-card__title {
    margin-bottom: .5rem
}

.university-card__title,.university-card__title a {
    font-size: 1rem;
    font-weight: 600;
    color: #1976D2
}

.university-card__title a:hover {
    color: #F6600B
}

.university-card__campuses {
    border-top: 1px solid #B8B8B8;
    margin-top: .625rem;
    padding-top: .75rem
}

.university-card__campuses .campuses-carousel {
    display: grid
}

.university-card__campuses .campuses-carousel .university-card__single-campus {
    padding-inline:.75rem;position: relative
}

.university-card__campuses .campuses-carousel .university-card__single-campus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #B8B8B8
}

.university-card__campuses .campuses-carousel .carousel__slide:first-child .university-card__single-campus {
    padding-left: 0
}

.university-card__campuses .campuses-carousel .carousel__slide:first-child .university-card__single-campus::before {
    content: none
}

.university-card__campuses .campuses-carousel .carousel__slide:last-child .university-card__single-campus {
    padding-right: 0
}

.university-card__campuses .campuses-carousel .carousel__prev,.university-card__campuses .campuses-carousel .carousel__next {
    border-radius: 50%;
    margin: -22px 0 0;
    font-size: 20px;
    background-color: #F3F8FE
}

.university-card__campuses .campuses-carousel .carousel__prev--disabled,.university-card__campuses .campuses-carousel .carousel__next--disabled {
    opacity: 1;
    color: #bbb
}

.university-card__campuses .campuses-carousel .carousel__prev {
    left: -40px
}

.university-card__campuses .campuses-carousel .carousel__next {
    right: -40px
}

.university-card__campuses-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #B8B8B8;
    padding-top: .625rem;
    margin-top: 1rem
}

.university-card__single-campus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    height: 100%
}

.university-card__single-campus .card-title {
    font-size: .875rem !important
}

.university-card__single-campus .card-title a {
    color: #1976D2
}

.university-card__single-campus .card-title a:hover {
    color: rgba(0,0,0,0.8)
}

.university-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #B8B8B8;
    padding-bottom: .625rem
}

.university-card__meta-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 1rem
}

.university-card__meta-info .single-meta {
    display: flex;
    align-items: center;
    gap: .25rem
}

.university-card__meta-info .single-meta svg {
    width: 1rem;
    height: 1rem;
    fill: rgba(0,0,0,0.8)
}

.university-card__meta-info .single-meta .label {
    color: #F6600B;
    font-weight: 600;
    font-size: .75rem
}

.university-card__meta-info .single-meta--link {
    cursor: pointer
}

.university-card__meta-info .single-meta--link .label {
    color: #1976D2
}

.university-card__meta-info .single-meta--link:hover .label {
    color: rgba(0,0,0,0.8)
}

.university-card .accordion {
    border-top: 1px solid #DADADA;
    margin-top: .625rem
}

.university-card .accordion details {
    background-color: transparent !important;
    box-shadow: none !important
}

.university-card .accordion details summary {
    display: none;
    padding: .25rem 0 0 0;
    pointer-events: none
}

.university-card .accordion details summary::after {
    display: none;
    color: #000 !important
}

.university-card .accordion details summary.show-summary {
    padding: .5rem 0;
    display: flex;
    pointer-events: all
}

.university-card .accordion details summary.show-summary::after {
    display: block
}

.university-card .accordion details .details__title {
    font-size: .875rem;
    font-weight: normal !important;
    color: #000 !important
}

.university-card .accordion details .details__content {
    padding-inline:0}

.university-card__checklist {
    list-style: none;
    padding: 0;
    margin: 1.125rem 0 .375rem 0 !important;
    column-count: 2;
    column-gap: 40px;
    max-width: 700px;
    position: relative
}

.university-card__checklist:has(>li:only-child) {
    column-count: 1
}

.university-card__checklist::after {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 1px;
    background-color: #DADADA;
    transform: translateX(-50%)
}

.university-card__checklist:has(>li:only-child)::after {
    display: none
}

.university-card__checklist li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    font-size: .75rem
}

.university-card__checklist li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" %3E%3Cpath d="M6.00011 13.6134L1.86011 9.47336L3.74677 7.58669L6.00011 9.84669L12.5868 3.25336L14.4734 5.14002L6.00011 13.6134Z" /%3E%3C/svg%3E');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" %3E%3Cpath d="M6.00011 13.6134L1.86011 9.47336L3.74677 7.58669L6.00011 9.84669L12.5868 3.25336L14.4734 5.14002L6.00011 13.6134Z" /%3E%3C/svg%3E');
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentcolor;
    color: #1976D2
}

.university-card__ranking-checklist {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.university-card__ranking-checklist .rank-title {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem
}

.university-card__ranking-checklist .rankings {
    list-style: none;
    padding: 0;
    margin: 0 0 0 .25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: .875rem
}

.university-card .btn-see-more {
    color: #1976D2;
    font-size: .75rem;
    height: auto;
    padding: 0
}

.university-card__footer {
    display: flex;
    flex-direction: row !important;
    gap: 1.125rem;
    justify-content: space-between;
    padding-top: 1.125rem;
    margin-top: .75rem;
    border-top: 1px solid #DADADA
}

.university-card__footer .cta-wrapper {
    margin-left: auto
}

.university-card__footer .shortlist-text .btn-with-icon {
    cursor: pointer;
    gap: .125rem
}

.university-card__footer .shortlist-text .btn-with-icon:hover {
    text-decoration: underline
}

.university-card__footer .shortlist-text svg {
    width: .875rem;
    height: .875rem
}

.university-card__course-count {
    margin-top: .625rem;
    font-size: .75rem;
    font-weight: 500
}

.university-card__course-count a {
    font-weight: bold;
    text-decoration: underline
}

.university-card__courses {
    display: flex;
    gap: 1.875rem;
    margin-top: .375rem
}

.university-card__single-course {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    position: relative
}

.university-card__single-course .card-title {
    font-size: .875rem !important
}

.university-card__single-course .card-title a {
    color: #1976D2
}

.university-card__single-course .card-title a:hover {
    color: rgba(0,0,0,0.8)
}

.university-card__single-course .single-course__tag {
    display: flex;
    gap: .25rem;
    align-items: center;
    position: relative;
    font-weight: normal;
    height: 1.5rem;
    padding-inline:.75rem;font-size: .75rem
}

.university-card__single-course .single-course__tag.scholarship {
    background-color: #21264D;
    font-weight: 500;
    color: #fff;
    border-radius: 3px
}

.university-card__single-course .single-course__tag.has-info {
    cursor: help
}

.university-card__single-course .single-course__tag .info-icon {
    flex-shrink: 0;
    width: .875rem;
    height: .875rem;
    fill: #fff
}

.university-card__single-course .offered-in-campus {
    font-size: .75rem
}

.university-card__single-course .offered-in-campus a {
    color: #21264D
}

.university-card__single-course .offered-in-campus a:hover {
    color: rgba(0,0,0,0.8)
}

.university-card__single-course .single-course__fees {
    display: flex !important;
    align-items: start;
    flex-direction: column
}

.university-card__single-course .single-course__fees-info {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(0,0,0,0.8)
}

.university-card__single-course .single-course__fees-amount {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1;
    margin-block:.125rem}

.university-card__view-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    border-top: 1px solid #B8B8B8;
    padding-top: .625rem;
    margin-top: 1rem
}

.university-card__view-all .single-course__fees {
    align-items: start
}

.university-card__view-all .single-course__fees-amount {
    font-size: 1rem;
    line-height: 1
}

.university-card__view-all .single-course__fees-info {
    color: rgba(0,0,0,0.8)
}

.university-card .btn-favourite--fixed {
    position: absolute;
    right: 0;
    top: 0
}

.university-card--blur {
    filter: blur(4px);
    pointer-events: none;
    user-select: none
}

.university-card--flat,.university-card--flat .university-single-course {
    box-shadow: none;
    border-radius: 0
}

.university-card--flat .university-single-course {
    padding: 0 !important
}

.university-card--favourite .university-card__footer {
    border: none
}

.discount-percentage {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background-color: #cc0c39;
    color: #fff;
    padding: .125rem .375rem;
    font-size: .75rem;
    font-weight: 500;
    border-radius: 4px
}

.discount-percentage i {
    font-size: .875rem
}

.discount-percentage svg {
    width: .875rem;
    height: .875rem;
    fill: currentcolor
}

.university_location {
    display: grid;
    grid-template-columns: 1.1875rem 1fr;
    gap: .5rem;
    font-size: .75rem
}

.university_location .fi {
    width: 19px !important;
    height: 19px !important
}

.university_match {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #21264D;
    color: #fff;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    font-size: .625rem;
    line-height: 1.2;
    -webkit-box-shadow: 0 0 0 8px #F3F8FE;
    -moz-box-shadow: 0 0 0 8px #F3F8FE;
    box-shadow: 0 0 0 8px #F3F8FE
}

.university_tag {
    display: flex;
    align-items: center;
    gap: .5rem
}

.university_popular {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    background-color: #cc0c39;
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: .75rem;
    height: 1.625rem;
    padding: .125rem .4375rem .125rem .25rem
}

.university_popular svg {
    width: 1rem;
    height: 1rem;
    fill: #fff;
    pointer-events: none
}

.university_likes {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 3.125rem;
    line-height: 1;
    background-color: #F3F8FE;
    border-radius: 50%;
    color: #21264D;
    -webkit-box-shadow: 0 0 0 8px #F3F8FE;
    -moz-box-shadow: 0 0 0 8px #F3F8FE;
    box-shadow: 0 0 0 8px #F3F8FE;
    margin-right: .5rem
}

.university_likes.liked .likes_count {
    color: #fff
}

.university_likes:hover {
    color: #cc0c39
}

.university_likes .likes_count {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #21264D;
    font-size: .625rem
}

.university_likes__label {
    display: block;
    color: #21264D;
    font-size: .625rem;
    text-align: center;
    margin-right: 8px;
    margin-top: 10px
}

.splide .university-card--vertical,.splide .university-card__info {
    height: 100%
}

.custom-drawer .splide .splide__track {
    padding-right: 1.875rem !important
}

@media all and (max-width: 54.3125em) {
    .university-card {
        grid-template-columns:1fr;
        margin-top: 1.5rem
    }

    .university-card--vertical {
        margin-top: 0
    }

    .university-card__image {
        border-radius: .625rem .625rem 0 0
    }

    .university-card__image img {
        border-radius: .625rem .625rem 0 0
    }

    .university-card__image .image-container::before {
        border-radius: .625rem .625rem 0 0
    }

    .university-card__title {
        margin-bottom: 0
    }

    .university-card .accordion details summary {
        display: flex;
        pointer-events: all
    }

    .university-card .accordion details summary::after {
        display: block
    }

    .university-card__view-all .single-course__fees {
        display: flex
    }

    .university-card__info {
        border-radius: 0 0 .625rem .625rem;
        padding: .625rem
    }

    .university-card__checklist {
        margin-block:.5rem .25rem !important}

    .university-card__checklist li {
        margin-bottom: .125rem
    }

    .university-card__footer {
        padding-top: .375rem;
        margin-top: .375rem;
        gap: .625rem
    }

    .university-card__footer .cta-wrapper {
        margin-top: .375rem
    }
}

@media all and (max-width: 41.8125em) {
    .university-card__courses {
        flex-direction:column
    }

    .university-card__single-course:nth-child(2)::before {
        top: -15px;
        left: auto;
        width: 100%;
        height: 1px;
        border-top: 1px dashed #B8B8B8;
        border-left: 0 none
    }

    .university-card__info--campus {
        grid-template-columns: 1fr
    }
}

@media all and (max-width: 35.5625em) {
    .university-card__single-course-meta {
        flex-direction:column;
        align-items: flex-start;
        gap: .25rem;
        margin-top: 0
    }

    .university-card--vertical .university-card__image {
        height: 10rem
    }

    .university-card .btn-shortlist {
        margin-inline:auto !important}

    .university-card__checklist {
        column-count: 1
    }

    .university-card__checklist::after {
        content: none
    }

    .custom-dialog .university-card__checklist {
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .university-card__footer {
        flex-direction: column !important
    }

    .university-card__footer .btn {
        width: 100%
    }

    .university-card__footer .cta-wrapper {
        margin-left: 0
    }

    .university-card__footer .shortlist-text {
        width: 100%;
        text-align: center
    }
}

.events-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: center
}

.events-filter .status-filter {
    flex: none !important;
    min-width: 9.375rem
}

.events-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(28.75rem, 1fr));
    gap: 2rem
}

.event-card {
    display: grid;
    grid-template-columns: 9.375rem 1fr;
    grid-template-rows: min-content;
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    overflow: hidden
}

.event-card__header {
    background-color: #FCDB00;
    padding: 1.25rem .9375rem 1.25rem 1.25rem;
    position: relative;
    border-radius: 10px 10px 0 0;
    color: #000
}

.event-card__content {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    padding: 0 1rem 1rem
}

.event-card__content a {
    white-space: nowrap
}

.event-card .event-details {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 1rem
}

.event-card .event-title {
    display: block;
    color: #21264D;
    font-size: clamp(1rem, calc(0.2vw + 1rem), 1.25rem) !important;
    font-weight: 500;
    line-height: 1.3;
    padding-right: 2.5rem
}

.event-card .event-title a {
    color: #21264D
}

.event-card .event-title a:hover {
    color: #F6600B
}

.event-card .event-meta-list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: auto
}

.event-card .event-card-meta {
    display: flex;
    gap: .5rem;
    font-size: .875rem
}

.event-card .event-card-meta svg {
    position: relative;
    top: 2px;
    width: 1rem;
    height: 1rem;
    fill: #21264D
}

.event-card .event-card-meta.text-error {
    color: #cc0c39
}

.event-card .event-card-meta.text-error svg {
    fill: currentcolor
}

.event-card .event-share {
    position: absolute;
    top: 5px;
    right: 5px
}

.event-pic {
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem 1rem 0;
    align-self: start;
    position: relative;
    aspect-ratio: 1
}

.event-pic img {
    object-fit: contain;
    aspect-ratio: 1
}

.event-pic .zoom-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0,0,0,0.5);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px
}

.event-pic .zoom-pic svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
}

@media all and (max-width: 85.5625em) {
    .events-list-grid {
        gap:1.25rem
    }

    .event-card__header {
        grid-template-columns: 3.125rem 1fr;
        gap: 1rem
    }
}

@media all and (max-width: 41.8125em) {
    .events-filter {
        flex-direction:column;
        align-items: start
    }

    .events-filter .datepicker,.events-filter .status-filter {
        width: 100%
    }
}

@media all and (max-width: 35.5625em) {
    .events-list-grid {
        grid-template-columns:repeat(auto-fill, minmax(12.5rem, 1fr));
        gap: 1.25rem
    }

    .event-card {
        grid-template-columns: 1fr
    }

    .event-card--skeleton {
        overflow: hidden
    }

    .event-card--skeleton .v-skeleton-loader__image {
        border-radius: 0
    }

    .event-card__header {
        padding: 1rem .875rem 1rem 1rem
    }

    .event-card .event-card-meta {
        font-size: .75rem
    }

    .event-card .btn-share-details-vertical {
        position: absolute;
        top: 16px;
        right: 10px;
        margin-top: -.625rem
    }

    .event-card__content {
        grid-column: 1;
        font-size: .75rem
    }

    .event-pic {
        border-radius: 0;
        margin: 0
    }
}

.event-wrapper {
    position: relative
}

.event-wrapper .event-chip {
    position: absolute;
    top: 0;
    right: 0
}

.event-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem
}

.event-meta_item {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #21264D;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4
}

.event-meta_item:last-child {
    flex-shrink: 1
}

.event-meta_item svg {
    width: 2.1875rem;
    height: 2.1875rem;
    fill: #21264D
}

.event-meta_item a {
    line-height: 1
}

@media all and (max-width: 91.8125em) {
    .event-meta_item {
        font-size:1.125rem
    }

    .event-meta_item svg {
        width: 1.75rem;
        height: 1.75rem
    }
}

@media all and (max-width: 54.3125em) {
    .event-meta {
        max-width:none;
        margin-top: 2rem
    }

    .event-meta_item {
        text-shadow: none;
        color: #21264D
    }

    .btn-share-event {
        margin-top: 1rem
    }
}

@media all and (max-width: 41.8125em) {
    .event-meta_item {
        font-size:1rem
    }

    .event-meta_item svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

.agenda-session-header {
    background-color: #eceff1;
    border-radius: 4px;
    padding: .75rem 1rem
}

.event-agenda {
    display: grid;
    grid-template-columns: auto min-content 1fr !important;
    grid-auto-flow: dense;
    position: relative;
    height: 100%
}

.event-agenda .timeline-item {
    display: contents
}

.event-agenda .timeline-item:nth-child(1n+0) .agenda-item-card {
    border-color: #1976D2;
    background-color: rgba(25,118,210,0.1)
}

.event-agenda .timeline-item:nth-child(3n-1) .agenda-item-card {
    border-color: #4de0b4;
    background-color: rgba(77,224,180,0.1)
}

.event-agenda .timeline-item:nth-child(3n+0) .agenda-item-card {
    border-color: #ffa64e;
    background-color: rgba(255,166,78,0.1)
}

.event-agenda .timeline-item:last-child .timeline-item__body {
    padding-bottom: 1.5rem
}

.event-agenda .timeline-item__time {
    padding: 1.5rem .625rem 0 0
}

.event-agenda .timeline-item__divider {
    display: block;
    position: relative;
    width: 2px;
    height: 100%;
    background-color: #eceff1
}

.event-agenda .timeline-item__divider::before {
    content: "";
    display: block;
    position: absolute;
    top: 29px;
    left: -3px;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #eceff1
}

.event-agenda .timeline-item__body {
    width: 100%;
    padding: 1.5rem 0 0 .75rem
}

.event-agenda-time {
    text-align: right;
    width: 3.75rem;
    font-size: .75rem;
    font-weight: 600;
    color: rgba(0,0,0,0.8);
    display: block
}

.event-agenda .agenda-item-card {
    border-radius: 0 4px 4px 0;
    padding: .625rem;
    border-left-width: 3px;
    border-left-style: solid
}

.event-agenda-meta {
    display: flex;
    gap: .5rem;
    font-size: .75rem;
    color: #575757;
    align-items: center
}

.event-agenda-meta svg {
    width: .75rem;
    height: .75rem;
    fill: #575757
}

.study-destination-banner {
    display: grid;
    min-height: 37.5rem;
    position: relative;
    z-index: 70;
    background-color: #fefefe;
    background-repeat: no-repeat;
    background-size: cover;
    isolation: isolate
}

.study-destination-banner.full-height-banner {
    min-height: 100vh
}

.study-destination-banner--top-courses .study-destination-banner__pic {
    padding-block:1rem}

.study-destination-banner--top-courses .study-destination-banner__pic::before {
    content: none
}

.study-destination-banner--top-courses .study-destination-banner__logo-wrapper {
    max-width: none
}

.study-destination-banner.study-abroad-campaign .study-destination-banner__pic::before {
    display: none
}

.study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper {
    height: 100%
}

.study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper .study-destination-banner__caption {
    max-width: 76%
}

.study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper .study-destination-banner__caption-content {
    max-width: 60%
}

.study-destination-banner__pic {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%
}

.study-destination-banner__pic .image-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.study-destination-banner__pic::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply
}

.study-destination-banner__pic--no-overlay::before {
    content: none
}

.study-destination-banner__pic-bg-pic {
    display: block !important;
    max-width: 100%;
    width: 100%;
    height: 100% !important;
    padding: 0;
    margin: 0;
    border: none;
    object-fit: cover;
    object-position: top left;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: -1 !important
}

.study-destination-banner__pic-bg-pic.position-right {
    object-position: right center
}

.study-destination-banner__pic .destination-actions {
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%
}

.study-destination-banner__pic .destination-actions .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    max-width: 54%
}

.study-destination-banner__logo-wrapper {
    display: flex;
    position: relative;
    z-index: 2
}

.study-destination-banner__caption-wrapper {
    margin-top: auto !important
}

.study-destination-banner .banner-list {
    list-style: none;
    margin: 0 0 2.5rem 0;
    padding: 0;
    font-size: 1.5rem;
    color: #fff
}

.study-destination-banner .banner-list li {
    display: flex;
    gap: .375rem
}

.study-destination-banner .banner-list li::before {
    content: "✅"
}

.study-destination-banner__caption {
    display: flex;
    gap: 1rem;
    font-size: clamp(1.25rem, calc(1.1vw + 0.7rem), 2.125rem);
    font-weight: bold;
    color: #fff;
    max-width: 54%;
    margin-bottom: 0;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3)
}

.study-destination-banner__caption h1 {
    font-size: clamp(1.25rem, calc(1.1vw + 0.7rem), 2.125rem);
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3)
}

.study-destination-banner__caption h1 .chip {
    top: -5px
}

.study-destination-banner__caption.blue-text {
    color: #21264D
}

.study-destination-banner__caption--large {
    font-size: clamp(1.25rem, calc(3.1vw + 0.7rem), 4.375rem);
    font-weight: 500;
    color: #FCDB00 !important;
    text-shadow: none;
    text-align: left !important;
    line-height: 1
}

.study-destination-banner__caption .social-media-share {
    align-self: flex-end
}

.study-destination-banner__caption .social-media-share .btn-default-icon {
    background-color: #fff
}

.study-destination-banner__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.study-abroad-campaign .lead-form__header {
    background-color: #21264D;
    color: #fff
}

.study-abroad-campaign .lead-form__header .section-title {
    color: #fff
}

@media all and (max-width: 104.3125em) {
    .study-destination-banner {
        min-height:29.375rem
    }
}

@media all and (max-width: 85.5625em) {
    .study-destination-banner .banner-list {
        font-size:1.25rem;
        margin: 0 0 1.875rem 0
    }
}

@media all and (max-width: 68.6875em) {
    .study-destination-banner {
        min-height:25rem
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__pic-bg-pic {
        object-position: inherit
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__caption {
        font-size: 1.5rem;
        max-width: 60% !important
    }
}

@media all and (max-width: 54.3125em) {
    .study-destination-banner {
        min-height:auto;
        padding-block:0 !important}

    .study-destination-banner.full-height-banner {
        min-height: auto
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__pic {
        position: absolute;
        background-color: #FCDB00;
        min-height: auto;
        overflow: hidden
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__pic-bg-pic {
        left: 18%
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__caption {
        padding-bottom: 2rem;
        max-width: 80% !important;
        text-align: left
    }

    .study-destination-banner__pic {
        position: relative !important;
        min-height: 18.75rem;
        padding-block:1.5rem !important}

    .study-destination-banner__pic::before {
        content: none
    }

    .study-destination-banner__pic .destination-actions .actions {
        max-width: 100%
    }

    .study-destination-banner .site-logo {
        justify-content: center
    }

    .study-destination-banner .site-logo img {
        object-position: right
    }

    .study-destination-banner__logo-wrapper {
        display: flex;
        justify-content: end
    }

    .study-destination-banner__caption {
        max-width: none;
        text-align: center;
        color: #21264D;
        font-weight: 600;
        text-shadow: none
    }

    .study-destination-banner__caption h1 {
        color: #21264D;
        font-weight: 600;
        text-shadow: none
    }

    .study-destination-banner--top-courses .study-destination-banner__pic {
        padding-block:.75rem !important}

    .study-destination-banner .banner-list {
        font-size: 1.125rem;
        color: rgba(0,0,0,0.8)
    }

    .study-destination-banner .study-abroad-banner-title {
        position: absolute;
        top: 0
    }

    .study-abroad-campaign .lead-form__header {
        background-color: #FCDB00;
        color: #21264D
    }

    .study-abroad-campaign .lead-form__header .section-title {
        color: #21264D
    }
}

@media all and (max-width: 41.8125em) {
    .study-destination-banner {
        min-height:12.5rem
    }

    .study-destination-banner__pic {
        min-height: 12.5rem
    }

    .study-destination-banner .site-logo img {
        height: 1.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .study-destination-banner {
        min-height:10.625rem
    }

    .study-destination-banner__pic {
        min-height: 10.625rem;
        padding-block:1.1875rem !important}

    .study-destination-banner__caption {
        flex-direction: column
    }

    .study-destination-banner__caption .social-media-share {
        align-self: flex-start
    }

    .study-destination-banner__caption .social-media-share__dropdown {
        left: calc(100% + 5px);
        top: 5px;
        right: auto
    }

    .study-destination-banner .site-logo img {
        height: 1.25rem
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__logo-wrapper {
        justify-content: start
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__pic-bg-pic {
        display: none !important
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper {
        padding-top: 3.25rem
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__caption-wrapper .study-destination-banner__caption-content {
        max-width: 100%
    }

    .study-destination-banner.study-abroad-campaign .study-destination-banner__caption {
        padding-bottom: 2rem;
        max-width: 100% !important
    }
}

.study-destination-quick-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem
}

.study-destination-quick-links a {
    display: block;
    padding: 8px 15px;
    font-size: 15px;
    color: rgba(0,0,0,0.8);
    border-radius: 50px;
    border: 1px solid #FCDB00
}

.study-destination-quick-links a:hover {
    background-color: #FCDB00
}

@media all and (max-width: 68.6875em) {
    .search-popup-content .study-destination-quick-links-section {
        top:-1.25rem
    }
}

@media all and (max-width: 54.3125em) {
    .study-destination-quick-links {
        width:100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-bottom: 0
    }

    .study-destination-quick-links::-webkit-scrollbar {
        display: none
    }

    .study-destination-quick-links a {
        white-space: nowrap;
        padding: .375rem .625rem;
        font-size: .9375rem
    }

    .study-destination-quick-links-section {
        padding-block:1rem !important;background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 60;
        box-shadow: 0 4px 4px -4px rgba(0,0,0,0.2);
        width: 100vw
    }
}

@media all and (max-width: 41.8125em) {
    .study-destination-quick-links {
        gap:.375rem
    }

    .study-destination-quick-links a {
        padding: .25rem .625rem;
        font-size: .75rem
    }
}

.study-destination-summary {
    position: relative
}

.study-destination-summary .lead-form {
    margin-top: -40rem;
    position: relative;
    z-index: 80
}

.study-destination-summary.on-full-banner {
    padding-top: 0
}

.study-destination-summary.on-full-banner .lead-form {
    margin-top: calc(-100vh + 60px)
}

@media all and (max-width: 104.3125em) {
    .study-destination-summary .lead-form {
        margin-top:-31.25rem
    }
}

@media all and (max-width: 91.8125em) {
    .study-destination-summary .lead-form {
        margin-top:-35rem
    }

    .study-destination-summary.on-full-banner .lead-form {
        margin-top: calc(-100vh + 48px)
    }
}

@media all and (max-width: 85.5625em) {
    .study-destination-summary.on-full-banner .lead-form {
        margin-top:calc(-100vh + 24px)
    }
}

@media all and (max-width: 68.6875em) {
    .study-destination-summary .lead-form {
        margin-top:-25.5625rem
    }
}

@media all and (max-width: 54.3125em) {
    .study-destination-summary .lead-form {
        margin-top:0;
        z-index: 0
    }

    .study-destination-summary.on-full-banner .lead-form {
        margin-top: 0
    }
}

.study-destination-universities {
    min-width: 100%
}

.study-destination-universities__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    align-items: center
}

.study-destination-universities__grid img {
    height: 100%;
    max-height: 90px;
    object-fit: contain
}

.study-destination-universities-slider .splide__arrow--prev {
    left: -1.25rem !important
}

.study-destination-universities-slider .splide__arrow--next {
    right: -1.25rem !important
}

@media all and (max-width: 68.6875em) {
    .study-destination-universities-slider .splide__track {
        padding-right:0 !important
    }

    .study-destination-universities-slider .splide__arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
        grid-row: 2;
        margin-top: 1rem
    }

    .study-destination-universities-slider .splide__arrows .splide__arrow {
        position: relative;
        left: auto !important;
        right: auto !important
    }
}

@media all and (max-width: 35.5625em) {
    .study-destination-universities__grid {
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem
    }
}

.study-abroad-stats {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.125rem, 1fr));
    gap: 4.75rem;
    padding: 2.125rem 3rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    margin-top: -5rem;
    position: relative;
    z-index: 80
}

.study-abroad-stats__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    color: #21264D
}

.study-abroad-stats__block .stats-value {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1
}

.study-abroad-stats__block .stats-label {
    font-size: 1rem;
    font-weight: 500;
    text-align: center
}

.craydel-features-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1.25rem;
    margin-top: 1.875rem
}

.craydel-features-carousel {
    margin: 1.875rem 0 0
}

.craydel-features-carousel .craydel-feature-block {
    width: 100%;
    height: 100%
}

.craydel-feature-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border: 1px solid #969696;
    border-radius: 10px;
    width: 100%;
    padding: 1rem
}

.craydel-feature-block .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    background-color: #BFE4FE;
    border-radius: 50%
}

.craydel-feature-block .icon svg {
    width: 3.75rem;
    height: 3.75rem;
    fill: #000
}

.craydel-feature-block p {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center
}

.founders-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20.25rem, 1fr));
    gap: 3.125rem
}

.founders-carousel .founder-block {
    width: 100%;
    height: 100%
}

.founder-block {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #949494;
    border-radius: 10px;
    padding: 1.625rem;
    width: 100%
}

.founder-block .founder-pic {
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: .25rem
}

.study-abroad-universities {
    margin-top: 1.875rem
}

.study-abroad-universities details {
    display: grid;
    grid-template-columns: 23.125rem 1fr;
    align-items: start;
    background-color: transparent
}

.study-abroad-universities details[open] {
    box-shadow: none;
    -webkit-box-shadow: none
}

.study-abroad-universities details[open] .details__title {
    color: #21264D
}

.study-abroad-universities details[open] summary::after {
    color: #21264D
}

.study-abroad-universities details summary {
    pointer-events: none;
    flex-shrink: 0
}

.study-abroad-universities details summary::after {
    content: none !important
}

.study-abroad-universities details summary .details__title {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-weight: 600;
    font-size: 1.5rem;
    color: #21264D
}

.study-abroad-universities details summary:hover::after,.study-abroad-universities details summary:hover .details__title {
    color: #21264D
}

.study-abroad-universities details .details__content {
    padding: .75rem
}

.study-abroad-universities details .details__content .logo__image {
    height: 5rem;
    max-width: 8.125rem
}

.study-abroad-uni-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    gap: 5rem;
    margin-top: 2.5rem
}

.study-abroad-uni-list img {
    height: 8.75rem;
    object-fit: contain
}

.study-abroad-uni-list-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

.study-abroad-uni-logos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.125rem
}

@media all and (max-width: 85.5625em) {
    .study-abroad-stats__block .stats-value {
        font-size:3.125rem
    }

    .study-abroad-uni-list {
        grid-template-columns: repeat(auto-fill, minmax(8.125rem, 1fr))
    }
}

@media all and (max-width: 68.6875em) {
    .study-abroad-stats {
        grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr))
    }

    .study-abroad-stats__block .stats-value {
        font-size: 2.5rem
    }

    .founders-list {
        gap: 1.875rem
    }

    .study-abroad-uni-list {
        grid-template-columns: repeat(auto-fill, minmax(11.875rem, 1fr))
    }

    .study-abroad-universities details {
        grid-template-columns: 1fr
    }

    .study-abroad-universities details summary {
        pointer-events: all
    }

    .study-abroad-universities details summary::after {
        content: "\e90b" !important
    }
}

@media all and (max-width: 54.3125em) {
    .study-abroad-stats {
        margin-top:0
    }
}

@media all and (max-width: 35.5625em) {
    .study-abroad-stats {
        grid-template-columns:repeat(auto-fill, minmax(8.125rem, 1fr));
        padding: 1.25rem;
        gap: 1.25rem
    }

    .study-abroad-stats__block .stats-value {
        font-size: 1.25rem
    }

    .study-abroad-stats__block .stats-label {
        font-size: .75rem
    }

    .study-abroad-uni-logos {
        grid-template-columns: 1fr 1fr;
        gap: 1.875rem
    }

    .craydel-features-carousel .craydel-feature-block .icon {
        width: 4.375rem;
        height: 4.375rem
    }

    .craydel-features-carousel .craydel-feature-block .icon svg {
        width: 2rem;
        height: 2rem
    }

    .craydel-features-carousel .craydel-feature-block p {
        font-size: .875rem
    }

    .study-abroad-universities details summary .details__title {
        font-size: 1rem
    }
}

.reasons-to-study-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));
    gap: .6875rem;
    margin-top: 2rem
}

.reason-to-study__block {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: center;
    background-color: #F1F1F1;
    border-radius: 10px;
    padding: .8125rem .8125rem 1.25rem .8125rem;
    position: relative;
    text-align: center
}

.reason-to-study__block:hover .reason-to-study__desc {
    opacity: 1;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 130px);
    transform: perspective(1000px) translate3d(0, 0, 130px)
}

.reason-to-study__block:nth-child(6n+1) .reason-to-study__icon {
    color: #923EA4
}

.reason-to-study__block:nth-child(6n+2) .reason-to-study__icon {
    color: #377DD6
}

.reason-to-study__block:nth-child(6n+3) .reason-to-study__icon {
    color: #FCDB00
}

.reason-to-study__block:nth-child(6n+4) .reason-to-study__icon {
    color: #70D47E
}

.reason-to-study__block:nth-child(6n+5) .reason-to-study__icon {
    color: #f7a71b
}

.reason-to-study__block:nth-child(6n+6) .reason-to-study__icon {
    color: #E45444
}

.reason-to-study__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    font-size: 3rem
}

.reason-to-study__icon svg {
    width: 3rem;
    height: 3rem;
    fill: currentcolor
}

.reason-to-study__title {
    font-weight: 600;
    font-size: 18px;
    text-align: center
}

.reason-to-study p {
    font-size: .875rem
}

.reason-to-study__more {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-top: auto;
    font-weight: 600;
    color: #363636;
    height: 1.25rem
}

.reason-to-study__more::after {
    content: "";
    width: 1.0625rem;
    height: 1.125rem;
    background: url("https://ddasf3j8zb8ok.cloudfront.net/craydel.com/images/plus.svg") no-repeat;
    background-size: 100%
}

.reason-to-study__desc-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .5rem;
    height: 100%;
    color: #fff;
    padding: .5rem
}

.reason-to-study__desc-content .reason-to-study__icon {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 2.8125rem;
    color: #fff !important
}

.reason-to-study__desc-content p {
    font-size: 14px;
    -webkit-transform: perspective(1000px) translate3d(0, 0, -138px);
    transform: perspective(1000px) translate3d(0, 0, -138px)
}

.reason-to-study__desc {
    position: absolute;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: #21264D;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    box-shadow: 0 34px 32px rgba(0,0,0,0.1337)
}

@media all and (max-width: 68.6875em) {
    .reasons-to-study-grid {
        grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr))
    }

    .reason-to-study__block:hover .reason-to-study__desc {
        -webkit-transform: perspective(1000px) translate3d(0, 0, 80px);
        transform: perspective(1000px) translate3d(0, 0, 80px)
    }

    .reason-to-study__desc-content .reason-to-study__icon,.reason-to-study__desc-content p {
        -webkit-transform: perspective(1000px) translate3d(0, 0, -80px);
        transform: perspective(1000px) translate3d(0, 0, -80px)
    }
}

@media all and (max-width: 35.5625em) {
    .reason-to-study__block:hover .reason-to-study__desc {
        -webkit-transform:perspective(1000px) translate3d(0, 0, 30px);
        transform: perspective(1000px) translate3d(0, 0, 30px)
    }

    .reason-to-study__desc-content .reason-to-study__icon,.reason-to-study__desc-content p {
        -webkit-transform: perspective(1000px) translate3d(0, 0, -30px);
        transform: perspective(1000px) translate3d(0, 0, -30px)
    }
}

.reps-carousel .rep-card {
    margin: 1rem .25rem;
    height: calc(100% - 32px)
}

.rep-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    overflow: hidden
}

.rep-card--skeleton {
    background-color: #efefef
}

.rep-card--skeleton .rep-details {
    padding-bottom: 0 !important
}

.rep-card .rep-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    position: relative;
    padding: 1rem
}

.rep-card .rep-title {
    display: block;
    color: #21264D;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase
}

.rep-card .rep-title a {
    color: #21264D
}

.rep-card .rep-title a:hover {
    color: #F6600B
}

.rep-card .rep-uni {
    display: block;
    color: #21264D;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3
}

.rep-card .rep-country {
    display: block;
    color: #21264D;
    font-size: .875rem;
    line-height: 1.3;
    margin-bottom: 1rem
}

.rep-uni-logo {
    height: 100%;
    max-height: 4.375rem;
    object-fit: contain
}

.rep-pic {
    position: relative;
    border-radius: 50%;
    margin: .625rem 1rem 0 1rem;
    border: 1px solid #21264D;
    min-width: 4.5rem;
    min-height: 4.5rem;
    overflow: hidden
}

.rep-pic img {
    width: 4.375rem;
    height: 4.375rem;
    object-fit: cover
}

.study-abroad {
    position: relative;
    min-height: 21.875rem
}

.study-abroad::before {
    content: "";
    background-color: #FCDB00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 21.875rem
}

.study-abroad-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
    gap: 2rem;
    padding-left: .25rem;
    padding-right: .5rem
}

.study-abroad-list--courses {
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr))
}

.study-abroad-list--top-courses {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.study-abroad-list--top-courses .study-abroad-list__block {
    height: auto;
    max-width: 20.25rem
}

.study-abroad-list__block {
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    text-align: left
}

.study-abroad-list__block figure {
    display: flex;
    flex-direction: column;
    height: 100%
}

.study-abroad-list__block figcaption {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25rem
}

.study-abroad-list__block figcaption .study-abroad-list__title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3
}

.study-abroad-list__block figcaption .study-abroad-list__title button,.study-abroad-list__block figcaption .study-abroad-list__title a {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font: inherit;
    color: rgba(0,0,0,0.8)
}

.study-abroad-list__block figcaption .study-abroad-list__title button:hover,.study-abroad-list__block figcaption .study-abroad-list__title a:hover {
    color: #F6600B
}

.study-abroad-list__block figcaption p {
    margin-top: .5rem;
    margin-bottom: 0;
    font-weight: normal;
    font-size: .9375rem;
    color: #979797;
    line-height: 1.2
}

.study-abroad-list__block figcaption .study-abroad-list__meta {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    padding-top: 1rem;
    margin-top: auto
}

.study-abroad-list__block .study-abroad-list__pic .btn-favourite {
    position: absolute;
    right: -12px;
    bottom: -12px;
    z-index: 1
}

.study-abroad-list__block:hover {
    color: #F6A70B
}

.study-abroad-list__block:hover .study-abroad-list__pic img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.study-abroad-list__block:hover .study-abroad-list__pic .single-course__tag.scholarship {
    background-color: #F6A70B
}

.study-abroad-list__block:hover .btn-top-course {
    background-color: #21264D;
    color: #fff !important
}

.study-abroad-list__pic {
    position: relative;
    overflow: hidden;
    border-radius: .625rem .625rem 0 0
}

.study-abroad-list__pic img {
    width: 100%;
    aspect-ratio: 1.5/1;
    object-fit: cover;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.study-abroad-list__link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.study-abroad-carousel .splide__track {
    padding-left: .25rem !important;
    padding-right: .5rem !important;
    padding-bottom: .5rem !important
}

.study-abroad-carousel .study-abroad-list__block {
    margin: 0 0 .5rem 0
}

@media all and (max-width: 68.6875em) {
    .study-abroad-list {
        gap:1.5rem
    }

    .study-abroad-carousel .splide__track {
        padding-right: 3.125rem !important
    }
}

.about-banner {
    display: flex;
    align-items: center;
    width: 100%;
    aspect-ratio: 3.5/1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.about-banner__caption {
    max-width: 50rem
}

.about-banner__caption .section-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .625rem;
    margin: 0
}

.about-banner__caption .section-title span {
    display: inline-block;
    background: #fff;
    padding: .625rem;
    line-height: 1
}

.about-sep-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 19.375rem
}

.about-sep-banner blockquote {
    font-weight: 600;
    color: #fff;
    max-width: 57.5rem;
    margin: auto;
    padding: 0 3.125rem;
    position: relative
}

.about-sep-banner blockquote::before,.about-sep-banner blockquote::after {
    position: absolute;
    content: "";
    width: clamp(1.5rem, calc(4.5vw + 1rem), 6.25rem);
    height: clamp(1.5rem, calc(4.5vw + 1rem), 6.25rem);
    background-size: clamp(1.5rem, calc(4.5vw + 1rem), 6.25rem);
    background-repeat: no-repeat;
    background-position-x: 50%
}

.about-sep-banner blockquote::before {
    background-image: url("https://ddasf3j8zb8ok.cloudfront.net/new-website/images/quotes-open.svg");
    left: -3.125rem;
    top: -3.125rem
}

.about-sep-banner blockquote::after {
    background-image: url("https://ddasf3j8zb8ok.cloudfront.net/new-website/images/quotes-close.svg");
    right: -3.125rem;
    bottom: -3.125rem
}

@media all and (max-width: 85.5625em) {
    .about-sep-banner {
        min-height:15.625rem
    }

    .about-sep-banner blockquote {
        max-width: 58.75rem
    }
}

@media all and (max-width: 68.6875em) {
    .about-sep-banner {
        min-height:12.5rem
    }

    .about-sep-banner blockquote {
        max-width: 51.875rem
    }

    .about-sep-banner blockquote::before {
        left: -1.25rem;
        top: -1.875rem
    }

    .about-sep-banner blockquote::after {
        right: -1.25rem;
        bottom: -1.875rem
    }
}

@media all and (max-width: 54.3125em) {
    .about-sep-banner blockquote {
        max-width:38.75rem
    }
}

@media all and (max-width: 41.8125em) {
    .about-sep-banner {
        min-height:auto
    }

    .about-sep-banner blockquote {
        max-width: none
    }

    .about-sep-banner blockquote::before {
        left: 0;
        top: -1.25rem
    }

    .about-sep-banner blockquote::after {
        right: 0;
        bottom: -1.25rem
    }
}

@media all and (max-width: 35.5625em) {
    .about-sep-banner blockquote {
        padding:0
    }

    .about-sep-banner blockquote::before,.about-sep-banner blockquote::after {
        content: none
    }
}

.founding-team {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: 2rem
}

.founding-team .founder__block {
    background: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,0.1337);
    border-radius: 7px;
    position: relative;
    overflow: hidden
}

.founding-team .founder__block::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\e902";
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    font-size: 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentcolor;
    color: #21264D
}

.founding-team .founder__block:hover .founder__info {
    transform: translateY(0)
}

.founding-team .founder__block .image-container {
    width: 100%
}

.founding-team .founder__name {
    padding: 1.5rem 2rem
}

.founding-team .founder__name-title {
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: clamp(1.125rem, calc(0.2vw + 1rem), 1.25rem);
    font-weight: 600;
    color: #21264D
}

.founding-team .founder__name-designation {
    color: #979797
}

.founding-team .founder__info {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    padding: 2rem .125rem 2rem 2rem;
    transform: translateY(100%);
    transition: transform .4s
}

.founding-team .founder__info-content {
    flex-grow: 1;
    margin-bottom: 1.5rem;
    padding-right: 1.875rem;
    overflow-y: auto
}

.founding-team .founder__info-content::-webkit-scrollbar {
    width: 3px
}

.founding-team .founder__info-content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 3px
}

.founding-team .founder__info-content::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 3px
}

.founding-team .founder__info-content::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.founding-team .founder__info-content p:last-of-type {
    margin-bottom: 0
}

.founding-team .founder__link {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: rgba(0,0,0,0.8);
    margin-top: auto
}

.founding-team .founder__link::before {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMi4yMjAzOEMwIDAuOTkzOTM3IDEuMDE5MTIgMCAyLjI3NjU2IDBIMjguNzIzNEMyOS45ODA5IDAgMzEgMC45OTM5MzcgMzEgMi4yMjAzOFYyOC43Nzk2QzMxIDMwLjAwNjEgMjkuOTgwOSAzMSAyOC43MjM0IDMxSDIuMjc2NTZDMS4wMTkxMiAzMSAwIDMwLjAwNjEgMCAyOC43Nzk2VjIuMjIwMzhaTTkuNTc3MDYgMjUuOTUwOVYxMS45NTI0SDQuOTI1MTNWMjUuOTUwOUg5LjU3NzA2Wk03LjI1MjA2IDEwLjA0MDFDOC44NzM3NSAxMC4wNDAxIDkuODgzMTkgOC45NjY3NSA5Ljg4MzE5IDcuNjIyMTNDOS44NTQxMyA2LjI0ODQ0IDguODc1NjkgNS4yMDQxMyA3LjI4MzA2IDUuMjA0MTNDNS42OTA0NCA1LjIwNDEzIDQuNjUgNi4yNTAzNyA0LjY1IDcuNjIyMTNDNC42NSA4Ljk2Njc1IDUuNjU5NDQgMTAuMDQwMSA3LjIyMTA2IDEwLjA0MDFINy4yNTIwNlpNMTYuNzYxMyAyNS45NTA5VjE4LjEzMzFDMTYuNzYxMyAxNy43MTQ2IDE2Ljc5MjMgMTcuMjk2MSAxNi45MTYzIDE2Ljk5NzdDMTcuMjUxNSAxNi4xNjI2IDE4LjAxNjggMTUuMjk2NiAxOS4zMDMzIDE1LjI5NjZDMjAuOTg3IDE1LjI5NjYgMjEuNjU5MyAxNi41NzkyIDIxLjY1OTMgMTguNDYyNFYyNS45NTA5SDI2LjMxMTNWMTcuOTIxOUMyNi4zMTEzIDEzLjYyMDYgMjQuMDE3MyAxMS42MjExIDIwLjk1NiAxMS42MjExQzE4LjQ4NzYgMTEuNjIxMSAxNy4zODEzIDEyLjk3NzQgMTYuNzYxMyAxMy45MzI2VjEzLjk4MUgxNi43MzAzQzE2Ljc0MDYgMTMuOTY0OCAxNi43NTA5IDEzLjk0ODcgMTYuNzYxMyAxMy45MzI2VjExLjk1MjRIMTIuMTExM0MxMi4xNjk0IDEzLjI2NjEgMTIuMTExMyAyNS45NTA5IDEyLjExMTMgMjUuOTUwOUgxNi43NjEzWiIgZmlsbD0iIzAwNzdCNSIvPgo8L3N2Zz4K") no-repeat 0;
    height: 2rem;
    width: 2rem
}

.founding-team .founder__link:hover {
    text-decoration: underline;
    color: #1976D2
}

@media all and (max-width: 85.5625em) {
    .founding-team {
        gap:2rem
    }

    .founding-team .founder__name {
        padding: 1rem 1.5rem
    }

    .founding-team .founder__info {
        padding: 1.5rem .125rem 1.5rem 1.5rem
    }

    .founding-team .founder__info-content {
        margin-bottom: 1.5rem;
        padding-right: 1.375rem
    }
}

@media all and (max-width: 68.6875em) {
    .founding-team {
        gap:1.5rem
    }
}

@media all and (max-width: 54.3125em) {
    .founding-team {
        grid-template-columns:1fr;
        margin-top: 1.5rem
    }

    .founding-team .founder__info {
        position: relative;
        padding: 0 1.5rem 1.5rem 1.5rem;
        transform: translateY(0)
    }

    .founding-team .founder__info-content {
        padding-right: 0
    }
}

@media all and (max-width: 35.5625em) {
    .founding-team {
        margin-top:1.25rem
    }

    .founding-team .founder__name {
        padding: 1rem
    }

    .founding-team .founder__info {
        padding: 0 1rem 1rem 1rem
    }
}

.investors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.125rem 9.375rem;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}

.investors .image-container {
    min-height: 6.25rem
}

.investors .investor__pic {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-inline:auto}

@media all and (max-width: 68.6875em) {
    .investors {
        gap:3.125rem 6.25rem
    }
}

@media all and (max-width: 54.3125em) {
    .investors {
        grid-template-columns:repeat(3, 1fr);
        gap: 3.125rem
    }
}

@media all and (max-width: 41.8125em) {
    .investors {
        grid-template-columns:repeat(2, 1fr);
        gap: 3.125rem
    }
}

@media all and (max-width: 35.5625em) {
    .investors {
        margin-top:1.5rem
    }
}

.media-slider {
    margin-top: 2rem
}

.media-card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    padding: 2rem;
    height: 100%
}

.media-card .section-subtitle a {
    color: rgba(0,0,0,0.8)
}

.media-card .section-subtitle a:hover {
    color: #cc0c39
}

.media-logo {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    min-height: 3.75rem
}

.media-logo img {
    max-height: 3.75rem;
    width: auto !important
}

.media-date {
    display: block;
    font-size: .8125rem;
    color: #979797;
    margin-bottom: .5rem
}

.media-link {
    color: #1976D2;
    margin-top: auto
}

.media-link:hover {
    color: #cc0c39
}

@media all and (max-width: 68.6875em) {
    .media-card .section-subtitle {
        font-size:1rem
    }

    .media-card .article {
        font-size: .875rem
    }

    .media-logo {
        margin-bottom: 1.25rem;
        min-height: 2rem
    }

    .media-logo img {
        max-height: 2rem
    }

    .media-link {
        font-size: .875rem
    }
}

@media all and (max-width: 54.3125em) {
    .media-slider {
        margin-top:1.5rem
    }

    .media-logo {
        margin-bottom: 1.5rem;
        min-height: auto
    }
}

@media all and (max-width: 41.8125em) {
    .media-card {
        padding:1.25rem
    }
}

@media all and (max-width: 35.5625em) {
    .media-slider {
        margin-top:1.25rem
    }
}

.craydel-premium-banner {
    margin-bottom: 3.75rem
}

.craydel-premium-banner .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    position: relative
}

.craydel-premium-banner__caption {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    padding-block:3rem}

.craydel-premium-banner__caption .section-title,.craydel-premium-banner__caption p {
    margin-bottom: 0
}

.craydel-premium-banner__caption .caption-large-text {
    font-size: clamp(1rem, calc(0.9vw + 1rem), 2rem)
}

.craydel-premium-banner__pic .video-holder {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 50%;
    margin-bottom: -11.25rem;
    color: #fff
}

.craydel-premium-banner__pic .video-holder::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    position: absolute;
    inset: 0;
    width: 7.5rem;
    height: 7.5rem;
    background-color: currentcolor;
    margin: auto;
    opacity: 0.65;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d='M8,5.14V19.14L19,12.14L8,5.14Z' fill='%23fff'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d='M8,5.14V19.14L19,12.14L8,5.14Z' fill='%23fff'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.craydel-premium-banner__pic .video-holder:hover::after {
    opacity: 1
}

.craydel-premium-banner__pic .pic-holder {
    padding-top: 2.5rem;
    margin-bottom: -3.125rem
}

@media all and (max-width: 104.3125em) {
    .craydel-premium-banner__pic .video-holder {
        max-width:47%
    }

    .craydel-premium-banner__caption {
        padding-block:2.5rem}
}

@media all and (max-width: 81.1875em) {
    .craydel-premium-banner {
        margin-bottom:0
    }

    .craydel-premium-banner__pic .video-holder {
        max-width: none;
        position: relative;
        margin-bottom: 0
    }

    .craydel-premium-banner__pic .video-holder::after {
        width: 6.25rem;
        height: 6.25rem
    }

    .craydel-premium-banner__pic .pic-holder {
        padding-block:2.5rem;margin-bottom: 0
    }

    .craydel-premium-banner__caption {
        padding-block:2.5rem}
}

@media all and (max-width: 68.6875em) {
    .craydel-premium-banner__pic .pic-holder {
        padding-block:2.5rem;
        margin-bottom: 0
    }
}

@media all and (max-width: 54.3125em) {
    .craydel-premium-banner .wrapper {
        grid-template-columns:1fr
    }

    .craydel-premium-banner__caption {
        align-items: center;
        padding-bottom: 0;
        text-align: center;
        gap: 1rem
    }

    .craydel-premium-banner__pic .video-holder::after {
        width: 9.375rem;
        height: 9.375rem
    }

    .craydel-premium-banner__pic .pic-holder {
        padding-top: 0
    }
}

@media all and (max-width: 35.5625em) {
    .craydel-premium-banner__caption {
        padding-top:1.25rem
    }

    .craydel-premium-banner__pic .video-holder::after {
        width: 5rem;
        height: 5rem
    }
}

.career-decision-chart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    text-align: left;
    max-width: 80%;
    margin-inline:auto;margin-top: 1.875rem;
    opacity: 0;
    transform: translateY(45px);
    transition: transform 0.6s, opacity 0.9s
}

.career-decision-chart__block {
    display: grid;
    grid-template-columns: 9.375rem 1fr;
    gap: 1rem
}

.career-decision-chart.chart-active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s
}

.career-decision-chart.chart-active .donut-segment {
    animation: donut1 3s
}

.career-decision-chart.chart-active .donut-segment-2 {
    animation: donut2 3s
}

.career-decision-chart__desc {
    display: flex;
    align-items: center;
    font-size: 1.125rem
}

.career-decision-chart .svg-item {
    width: 9.375rem;
    animation: donutfade 1s;
    position: relative
}

.career-decision-chart .donut-ring {
    stroke: #C4C4C4
}

.career-decision-chart .donut-segment {
    transform-origin: center;
    stroke: #F6A70B
}

.career-decision-chart .donut-segment-2 {
    transform-origin: center;
    stroke: #7517F8
}

.career-decision-chart .donut-text {
    display: none
}

.career-decision-chart .donut-percent {
    font-size: 0.5em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: 600
}

.career-decision-chart .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    font-size: 1.875rem;
    font-weight: 600
}

.career-decision-chart .counter::after {
    content: "%"
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100
    }

    100% {
        stroke-dasharray: 40, 60
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100
    }

    100% {
        stroke-dasharray: 80, 20
    }
}

@media all and (max-width: 68.6875em) {
    .career-decision-chart {
        max-width:none
    }
}

@media all and (max-width: 54.3125em) {
    .career-decision-chart {
        gap:1.25rem
    }

    .career-decision-chart__block {
        display: block;
        text-align: center
    }

    .career-decision-chart .svg-item {
        margin-inline:auto;width: 8.125rem
    }

    .career-decision-chart__desc {
        font-size: 1rem
    }

    .career-decision-chart .donut-segment {
        stroke-width: 2px
    }
}

@media all and (max-width: 35.5625em) {
    .career-decision-chart {
        grid-template-columns:1fr
    }

    .career-decision-chart__block {
        display: grid;
        grid-template-columns: 6.25rem 1fr;
        gap: .625rem;
        text-align: left
    }

    .career-decision-chart .svg-item {
        width: 6.25rem
    }

    .career-decision-chart .counter {
        font-size: 1.25rem
    }

    .career-decision-chart__desc {
        font-size: .875rem
    }
}

.craydel-premium-cma {
    position: relative
}

.craydel-premium-cma .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: initial;
    min-height: 37.5rem
}

.craydel-premium-cma__desc {
    padding-right: 3.125rem
}

.craydel-premium-cma__desc .summary-text {
    margin-bottom: 1.25rem
}

.craydel-premium-cma__pic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 50%
}

.craydel-premium-cma-details {
    display: block;
    position: relative
}

.craydel-premium-cma-details .btn-close-cma-details {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: 3rem;
    right: 3rem;
    color: #21264D;
    border: 1px solid #21264D;
    border-radius: 50%;
    outline: none;
    background-color: inherit;
    cursor: pointer
}

.craydel-premium-cma-details .btn-close-cma-details svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentcolor
}

.craydel-premium-cma-details .btn-close-cma-details:hover {
    background-color: #21264D;
    color: #fff
}

.craydel-premium-cma-details .cma-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem
}

.craydel-premium-cma-details .cma-features__block {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex-grow: 1;
    text-align: center
}

.craydel-premium-cma-details .cma-features__block img {
    height: 100px;
    object-fit: contain
}

.craydel-premium-cma-details .cma-features-navigator {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    max-width: 67.5rem;
    margin: 3rem auto
}

.craydel-premium-cma-details .cma-features-navigator__nav {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn {
    padding: 1.5rem 1.25rem;
    border-color: #c379f9;
    border-left-width: .3125rem;
    height: auto;
    border-radius: 9.375rem
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn--active,.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover {
    background-color: #c379f9;
    color: #fff
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(2),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(2) {
    background-color: #50cce8
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(3),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(3) {
    background-color: #ffca42
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(4),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(4) {
    background-color: #ff38bb
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn:nth-of-type(2n+0) {
    right: -5rem
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn:nth-of-type(2) {
    border-color: #50cce8
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn:nth-of-type(3) {
    border-color: #ffca42
}

.craydel-premium-cma-details .cma-features-navigator__nav .btn:nth-of-type(4) {
    border-color: #ff38bb
}

.craydel-premium-cma-details .cma-features-navigator__nav .device-mobile {
    display: none
}

.craydel-premium-cma-details .cma-features-navigator__pic {
    max-width: 23.0625rem;
    margin-inline:auto}

@media all and (max-width: 104.3125em) {
    .craydel-premium-cma .wrapper {
        min-height:30rem
    }
}

@media all and (max-width: 85.5625em) {
    .craydel-premium-cma .wrapper {
        min-height:28.125rem
    }
}

@media all and (max-width: 68.6875em) {
    .craydel-premium-cma-details .cma-features__block img {
        height:60px
    }

    .craydel-premium-cma-details .btn-close-cma-details {
        top: 20px;
        right: 20px
    }
}

@media all and (max-width: 54.3125em) {
    .craydel-premium-cma {
        padding-top:1rem;
        text-align: center
    }

    .craydel-premium-cma .wrapper {
        grid-template-columns: 1fr;
        gap: 1rem;
        min-height: auto
    }

    .craydel-premium-cma__pic img {
        position: relative;
        max-width: none
    }

    .craydel-premium-cma__desc {
        padding-right: 0
    }

    .craydel-premium-cma-details .cma-features__block img {
        height: 50px
    }

    .craydel-premium-cma-details .btn-close-cma-details {
        top: 15px;
        right: 15px
    }

    .craydel-premium-cma-details .cma-features__block {
        font-size: .875rem
    }

    .craydel-premium-cma-details .cma-features-navigator {
        grid-template-columns: 1fr
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .btn {
        padding: 0;
        border: 0 none;
        height: auto;
        font-size: 1.25rem
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .btn--active,.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover {
        background-color: transparent;
        color: rgba(0,0,0,0.8)
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(2),.craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(3),.craydel-premium-cma-details .cma-features-navigator__nav .btn--active:nth-of-type(4),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(2),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(3),.craydel-premium-cma-details .cma-features-navigator__nav .btn:hover:nth-of-type(4) {
        background-color: transparent
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .btn:nth-of-type(2n+0) {
        right: auto
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .device-mobile {
        display: block;
        max-width: 18.75rem;
        margin-inline:auto}

    .craydel-premium-cma-details .cma-features-navigator__pic {
        display: none
    }
}

@media all and (max-width: 35.5625em) {
    .craydel-premium-cma-details .cma-features {
        grid-template-columns:1fr 1fr
    }

    .craydel-premium-cma-details .cma-features-navigator__nav .device-mobile {
        max-width: 15.625rem
    }
}

.cma-features-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20.625rem, 1fr));
    gap: 3.75rem 3rem;
    margin-block:5rem 3rem}

.cma-features-cards__block {
    background: #fff;
    padding: 2rem;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: .625rem;
    height: 100%;
    min-height: 12.5rem;
    font-size: 1.125rem
}

.cma-features-cards__block .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #21264D;
    width: 5rem;
    height: 5rem;
    font-size: 2.125rem;
    color: #fff;
    margin-block:-4.375rem 2rem;margin-inline:auto;border-radius: 100%
}

.cma-features-cards__block .feature-icon svg {
    width: 2.125rem;
    height: 2.125rem;
    fill: currentcolor
}

.cma-features-cards__block p:last-of-type {
    margin-bottom: 0
}

.cma-features-cards__block:hover .feature-icon {
    background-color: #F6A70B;
    color: #21264D
}

@media all and (max-width: 85.5625em) {
    .cma-features-cards {
        gap:3.75rem 2rem
    }
}

@media all and (max-width: 54.3125em) {
    .cma-features-cards__block {
        min-height:auto
    }
}

@media all and (max-width: 35.5625em) {
    .cma-features-cards {
        grid-template-columns:1fr;
        gap: 3.125rem 2rem
    }

    .cma-features-cards__block {
        padding: 1.25rem;
        font-size: 1rem
    }

    .cma-features-cards__block .feature-icon {
        width: 3.75rem;
        height: 3.75rem;
        font-size: 1.5rem;
        margin-block:-3.125rem 1.25rem}

    .cma-features-cards__block .feature-icon svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

.cp-lead {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
    max-width: 75rem;
    overflow: hidden;
    margin-inline:auto;margin-top: 3rem;
    box-shadow: 0 5px 16px rgba(0,0,0,0.1337);
    border-radius: 10px;
    position: relative
}

.cp-lead__pic {
    background: url("https://ddasf3j8zb8ok.cloudfront.net/new-website/images/cp-form-bg.svg") no-repeat #f7f7fc 50% fixed;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem
}

.cp-lead__pic img {
    max-width: 28.125rem
}

.cp-lead .user-has-account {
    border-top: 1px solid #d5d8de;
    padding-top: 1.5rem;
    font-size: 15px;
    text-align: center
}

.cp-lead .user-has-account a {
    color: #5541d7;
    font-weight: 700;
    margin-left: 2px
}

.cp-lead .user-has-account a:hover {
    color: #cc0c39;
    text-decoration: underline
}

.cp-lead .btn {
    align-self: flex-start
}

.cp-lead-dialog {
    max-width: 63.75rem !important
}

.cp-lead-dialog .cp-lead {
    box-shadow: none;
    border-radius: 0;
    margin-inline:0 !important}

.cp-lead-dialog .custom-drawer__content {
    border-radius: .625rem;
    padding: 0
}

.cp-lead-dialog .lead-form__content {
    overflow-y: auto
}

.cp-lead-dialog .btn-close-lead-form {
    position: absolute;
    right: 4px;
    top: 4px
}

@media all and (max-width: 68.6875em) {
    .cp-lead-dialog {
        max-width:90dvw !important
    }
}

@media all and (max-width: 54.3125em) {
    .cp-lead {
        grid-template-columns:1fr;
        margin-top: 2rem
    }

    .cp-lead__pic {
        padding: 1.875rem
    }

    .cp-lead__pic img {
        max-width: 15.625rem
    }
}

@media all and (max-width: 41.8125em) {
    .cp-lead-dialog {
        max-width:none !important
    }

    .cp-lead-dialog .custom-drawer__content {
        border-radius: 0
    }
}

@media all and (max-width: 35.5625em) {
    .cp-lead .btn {
        width:100%
    }
}

.report_preview {
    background: #fff;
    max-width: 860px;
    margin: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2)
}

.report_banner {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 300px
}

.report_excerpt {
    background: #fff;
    padding: 2rem;
    margin-left: 3rem;
    border-radius: 0 0 10px 10px;
    max-width: 260px
}

.report_excerpt h2 {
    color: #21264D;
    font-weight: 600;
    font-size: 22px
}

.report_excerpt img {
    width: 100%;
    max-width: 170px;
    margin-bottom: 1rem
}

.report_section {
    padding: 2.5rem 3rem
}

.report_user_dt table {
    border-collapse: collapse;
    text-align: left;
    margin: 0 -25px
}

.report_user_dt table tr td,.report_user_dt table tr th {
    padding: 6px 25px;
    text-align: left
}

.report_user_dt table tr th {
    font-weight: bold
}

.top_three_career {
    background: #21264D;
    color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 1.3rem 52px 1.3rem 3rem;
    position: relative;
    max-width: 350px;
    min-height: 105px;
    display: flex;
    align-items: center
}

.top_three_career h3 {
    font-weight: 600;
    font-size: 22px
}

.top_three_career p {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 75px;
    line-height: 75px;
    width: 80px;
    text-align: center
}

.report_list {
    list-style-type: none;
    margin: 0
}

.report_list li {
    display: block;
    background: url("https://ddasf3j8zb8ok.cloudfront.net/craydel.com/images/report/list_item.svg") no-repeat left 5px;
    padding-left: 30px;
    margin-bottom: 1.2rem
}

.report_list li:last-of-type {
    margin-bottom: 0
}

.footer_first_page {
    background: #FDF8DE;
    text-align: center;
    padding: 1rem 3rem
}

.report_header {
    border-bottom: #ddd solid 2px;
    padding: 1.5rem 3rem;
    display: flex;
    align-items: center
}

.report_header p {
    margin: 0
}

.report_header_left {
    position: relative;
    display: flex;
    align-items: center
}

.report_header_right {
    margin-left: auto;
    display: flex;
    align-items: center
}

.report_logo {
    display: block;
    margin-right: 2rem;
    position: relative
}

.report_logo::after {
    content: "";
    position: absolute;
    right: -1rem;
    top: 4px;
    width: 1px;
    height: 18px;
    background: #0C1536
}

.report_logo img {
    max-width: 110px;
    width: 100%
}

.report_title {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 2rem;
    color: #21264D
}

.report_ideal_grid {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 2rem
}

.report_number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #F6A70B;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 22px
}

.report_grid_excerpt h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 1rem
}

.report_grid_excerpt p {
    margin-bottom: 2rem
}

.columnize_list {
    display: block;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-left: 18px;
    column-gap: 2rem
}

.columnize_list li {
    margin-bottom: 1rem
}

.columnize_list li a {
    color: #21264D
}

.columnize_list li a:hover {
    text-decoration: underline;
    color: #F6A70B
}

.check_list {
    list-style-type: none;
    margin: 0
}

.check_list li {
    display: block;
    background: url("https://ddasf3j8zb8ok.cloudfront.net/craydel.com/images/report/list_item.svg") no-repeat left 5px;
    padding-left: 30px;
    margin-bottom: 1.5rem
}

.check_list li a {
    color: #21264D;
    font-weight: 600;
    text-decoration: underline
}

.check_list li a:hover {
    color: #F6A70B
}

.report_footer {
    padding: 0 3rem;
    display: flex;
    align-items: center;
    border-top: #ddd solid 2px
}

.report_footer_copyright {
    position: relative;
    display: flex;
    align-items: center
}

.footer_page_number {
    margin-left: auto;
    display: flex;
    align-items: center;
    height: 60px;
    width: 60px;
    justify-content: center;
    background: #FDF8DE
}

.report_text_sheet h4 {
    color: #21264D;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1rem
}

.report_text_sheet p {
    margin-bottom: 2rem
}

.report_text_sheet strong,.report_text_sheet b {
    font-weight: bold
}

.report_text_sheet table {
    border-collapse: collapse;
    text-align: left;
    margin: 0 0 2rem;
    border: #ddd solid 1px;
    width: 100%
}

.report_text_sheet table tr td,.report_text_sheet table tr th {
    padding: 15px 25px;
    text-align: left;
    border-bottom: #ddd solid 1px
}

.report_text_sheet table tr td .td_score,.report_text_sheet table tr th .td_score {
    font-weight: bold;
    font-size: 30px;
    color: #3DE24E
}

.report_text_sheet table tr th {
    font-weight: bold
}

.report_text_sheet .score-table {
    table-layout: fixed
}

.report_text_sheet .score-table tr th:first-child,.report_text_sheet .score-table tr td:first-child {
    width: 126px
}

.report_text_sheet .score-table tr th:last-child,.report_text_sheet .score-table tr td:last-child {
    width: 136px
}

.report_graph {
    text-align: center;
    margin-bottom: 2rem
}

.report_graph img {
    width: 100%
}

.report_pie_chart {
    text-align: center;
    margin-bottom: 2rem
}

.report_pie_chart img {
    max-width: 580px;
    width: 100%
}

.doughnut_chart,.report_pie_chart {
    margin-bottom: 2rem
}

@media all and (max-width: 54.3125em) {
    .report_header_left p {
        display:none
    }

    .footer_first_page {
        padding: 1rem 1.5rem
    }

    .report_grid_excerpt p {
        margin-bottom: 1.5rem
    }

    .report_logo {
        margin-right: 0
    }

    .report_logo::after {
        display: none
    }

    .columnize_list {
        -moz-column-count: unset;
        column-count: unset;
        grid-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset
    }

    .report_excerpt {
        padding: 1rem;
        margin-left: 1.5rem;
        max-width: 200px
    }

    .report_excerpt img {
        max-width: 130px
    }

    .report_excerpt h2 {
        font-size: 18px
    }

    .report_banner {
        height: 220px
    }

    .report_section {
        padding: 1.5rem
    }

    .top_three_career {
        padding: 1rem 1.5rem;
        max-width: 280px;
        min-height: auto
    }

    .top_three_career h3 {
        font-size: 18px
    }

    .report_text_sheet {
        border-radius: 0;
        margin-bottom: 0;
        border: none;
        background: transparent
    }

    .report_text_sheet table {
        border: none !important;
        margin-bottom: 0
    }

    .report_text_sheet thead {
        display: none
    }

    .report_text_sheet table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        width: 100%;
        display: block
    }

    .report_text_sheet tbody tr {
        background: #FFF;
        border: 1px solid #f2f4f6;
        display: block;
        margin-bottom: 2rem
    }

    .report_text_sheet tbody tr td {
        padding: 1rem;
        border: 0;
        border-bottom: 1px solid #f2f4f6;
        display: block
    }

    .report_text_sheet tbody tr td:last-of-type {
        border: none
    }

    .score-table {
        table-layout: auto
    }

    .score-table tr th:first-child,.score-table tr td:first-child {
        width: auto !important
    }

    .score-table tr th:last-child,.score-table tr td:last-child {
        width: auto !important
    }

    .report_footer {
        padding: 0 1.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .report_text_sheet p {
        margin-bottom:1rem
    }

    .report_text_sheet tbody tr {
        margin-bottom: 1rem
    }

    .check_list li {
        margin-bottom: 1rem
    }

    .report_user_dt table {
        margin: 0;
        width: 100%
    }

    .report_excerpt img {
        max-width: 100px
    }

    .report_excerpt {
        padding: 1rem;
        margin-left: 1.5rem;
        max-width: 160px
    }

    .report_banner {
        height: 180px
    }

    .report_header {
        padding: 1rem
    }

    .report_header_right {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .report_section {
        padding: 1rem
    }

    .report_title {
        font-size: 18px;
        margin-bottom: 1rem
    }

    .report_grid_excerpt h4 {
        font-size: 16px
    }

    .report_number {
        width: 38px;
        height: 38px;
        font-size: 16px
    }

    .report_ideal_grid {
        grid-template-columns: 40px 1fr;
        margin-bottom: 1.2rem
    }

    .report_user_dt table tr td,.report_user_dt table tr th {
        padding: 8px 0;
        text-align: left;
        display: block
    }
}

.logos-slider,.logos-carousel {
    margin-top: 3rem
}

.logos-slider .logo-block,.logos-carousel .logo-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    width: 100%
}

.logos-slider .logo-block:hover .logo__image,.logos-carousel .logo-block:hover .logo__image {
    filter: grayscale(100%)
}

.logos-slider .logo__image,.logos-carousel .logo__image {
    height: 6.25rem;
    object-fit: contain
}

.logos-slider .splide__track {
    padding-right: 0 !important
}

.logos-carousel .splide__slide {
    display: flex;
    align-items: center
}

.logos-carousel .logo__image {
    height: auto
}

@media all and (max-width: 41.8125em) {
    .logos-slider .splide__slide {
        width:100% !important
    }

    .logos-slider.auto-width .splide__slide {
        width: auto !important
    }
}

.testimonials-slider .splide__slide {
    padding-top: 4.6875rem
}

.testimonials-list {
    display: grid
}

.testimonials-list__card {
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: 1rem;
    border-bottom: 1px solid #e7e7e7;
    padding: 1.25rem 0
}

.testimonials-list__card:last-of-type {
    border: 0 none
}

.testimonials-list .testimonial__avatar {
    margin: 0;
    width: 4rem;
    height: 4rem;
    border: 0 none
}

.testimonials-list .testimonial__avatar__initials {
    font-size: 1.5rem
}

.testimonials-list .testimonial__designation {
    margin-bottom: 0
}

.testimonial-card {
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    padding: 0 2rem 2rem 2rem;
    text-align: center;
    height: 100%
}

.testimonial-card .star-rating {
    max-width: 115px;
    margin-inline:auto}

.testimonial__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.375rem;
    height: 9.375rem;
    background: #21264D;
    border: 7px solid #fff;
    font-weight: 600;
    font-size: .75rem;
    color: #fff;
    border-radius: 50%;
    margin-inline:auto;margin-top: -4.6875rem;
    margin-bottom: 1rem
}

.testimonial__avatar__initials {
    font-size: 2.8125rem
}

.testimonial__image {
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 50%
}

.testimonial__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.testimonial__author {
    font-weight: 600;
    font-size: 20px
}

.testimonial__designation {
    display: block;
    margin-bottom: 1rem;
    font-size: .875rem;
    opacity: .6;
    font-weight: 600
}

.testimonial__message p:last-of-type {
    margin-bottom: 0
}

.testimonial-block .testimonial-meta {
    display: grid;
    grid-template-columns: 5.125rem 1fr;
    gap: .625rem;
    align-items: center
}

.testimonial-block .testimonial-meta .image-container {
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 50%;
    overflow: hidden
}

.review-form {
    border-top: 1px solid #21264D;
    padding-top: 1.875rem;
    margin-top: 2.5rem
}

@media all and (max-width: 68.6875em) {
    .testimonial__message {
        font-size:.875rem
    }

    .testimonial-block .testimonial-meta {
        display: grid;
        grid-template-columns: 1fr
    }
}

@media all and (max-width: 54.3125em) {
    .testimonial-block {
        background:#FFF;
        border-radius: 15px;
        border: 1px solid #C4C4C4;
        padding: 1rem;
        height: 100%
    }

    .testimonial-block-slider .splide__track {
        padding-right: 5rem !important
    }
}

@media all and (max-width: 35.5625em) {
    .testimonials-slider .splide__slide {
        padding-top:3.125rem
    }

    .testimonial-card {
        padding: 0 1.25rem 1.25rem 1.25rem
    }

    .testimonial__avatar {
        width: 6.25rem;
        height: 6.25rem;
        margin-top: -3.125rem;
        border-width: 5px
    }

    .testimonial__avatar__initials {
        font-size: 1.875rem
    }

    .testimonial__author {
        font-size: 1rem
    }

    .testimonials-list__card {
        display: grid;
        grid-template-columns: 2.5rem 1fr;
        gap: 1rem;
        border-bottom: 1px solid #e7e7e7;
        padding: 1.25rem 0
    }

    .testimonials-list .testimonial__avatar {
        width: 2.5rem;
        height: 2.5rem
    }

    .testimonials-list .testimonial__avatar__initials {
        font-size: 1rem
    }
}

.user-testimonials {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 3rem
}

.user-testimonial-card figure {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.user-testimonial-card__image {
    position: relative
}

.user-testimonial-card__image .image-container {
    display: block;
    width: 100%
}

.user-testimonial-card__image .image-container::before {
    border-radius: .625rem
}

.user-testimonial-card__image img {
    border-radius: .625rem;
    overflow: hidden;
    aspect-ratio: 1.7812;
    object-fit: cover
}

.user-testimonial-card__video-holder {
    position: relative
}

.user-testimonial-card__video-holder a {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    border-radius: 10px
}

.user-testimonial-card__video-holder a i {
    font-size: 3.75rem;
    color: #fff
}

.user-testimonial-card__video-holder a:hover i {
    color: #21264D
}

.user-testimonial-card figcaption {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1rem 0 0 0;
    position: relative
}

.user-testimonial-card figcaption .testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto
}

.user-testimonial-card__title {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3
}

.user-testimonial-card__uni {
    font-size: .875rem
}

.testimonial-rating {
    display: flex;
    align-items: center;
    gap: .5625rem;
    font-size: 1rem;
    color: #1976D2
}

.testimonial-rating i {
    color: #F8B84E;
    font-size: 1.5625rem
}

.testimonial-header {
    display: grid;
    grid-template-columns: 1fr 3rem;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem
}

.testimonial-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem
}

.testimonial-gallery img,.testimonial-gallery iframe {
    overflow: hidden;
    aspect-ratio: 1.7812;
    object-fit: cover
}

.testimonial-details .user-testimonial-card__title {
    font-size: 1rem
}

@media all and (max-width: 85.5625em) {
    .user-testimonials {
        gap:2rem
    }
}

@media all and (max-width: 68.6875em) {
    .user-testimonials {
        grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
        gap: 1.5rem
    }
}

@media all and (max-width: 35.5625em) {
    .testimonial-gallery {
        grid-template-columns:1fr
    }
}

.packages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.75rem;
    max-width: 62.5rem;
    margin-inline:auto;margin-top: 3rem
}

.packages__block {
    display: flex;
    flex-direction: column;
    background: #fafafa;
    border: 1px solid #c4c4c4;
    border-radius: .625rem;
    padding: 3rem 2.5rem;
    position: relative
}

.packages__block--premium {
    background-color: #21264D;
    color: #fff
}

.packages .package-price {
    font-size: 2.125rem;
    font-weight: 600;
    color: #F6A70B
}

.packages .package-price span {
    font-size: 1.25rem
}

.packages .package-tag {
    position: absolute;
    height: 35px;
    padding: 0 1.5rem;
    background: #F6A70B;
    border-radius: 50px;
    color: #21264D;
    left: 0;
    top: -17px;
    right: 0;
    font-size: .9375rem;
    width: 9.375rem;
    margin-inline:auto;text-align: center;
    display: flex;
    align-items: center
}

@media all and (max-width: 91.8125em) {
    .packages {
        gap:3.125rem
    }
}

@media all and (max-width: 68.6875em) {
    .packages {
        gap:1.875rem
    }
}

@media all and (max-width: 54.3125em) {
    .packages {
        grid-template-columns:1fr;
        margin-top: 2rem;
        gap: 3.75rem
    }

    .packages__block {
        padding: 1.875rem
    }

    .packages__block--premium {
        padding-top: 2.5rem
    }
}

@media all and (max-width: 41.8125em) {
    .packages {
        grid-template-columns:1fr;
        margin-top: 1.25rem;
        gap: 3.75rem
    }

    .packages__block {
        padding: 1.25rem
    }

    .packages__block--premium {
        padding-top: 1.875rem
    }

    .packages .package-price {
        font-size: 1.875rem
    }

    .packages .package-price span {
        font-size: 1rem
    }
}

.contacts-grid {
    column-count: 3;
    column-gap: 2rem
}

.contacts-grid__two-cols {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr
}

.contacts-grid__two-cols .contact__block {
    margin-bottom: 0
}

.contact__block {
    break-inside: avoid;
    margin-bottom: 1.875rem;
    font-size: 1.125rem
}

.contact__block address {
    font-style: normal;
    font-size: .875rem
}

.contact__block address .contact__city {
    font-size: .875rem;
    font-weight: 600;
    color: #21264D
}

@media all and (max-width: 68.6875em) {
    .contact__block {
        font-size:1rem
    }
}

@media all and (max-width: 54.3125em) {
    .contacts-grid {
        column-count:2;
        column-gap: 1.5rem
    }

    .contacts-grid__two-cols {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: 1fr 1fr
    }

    .contacts-grid__two-cols .contact__block {
        border-bottom: 0 none;
        padding-bottom: 0
    }

    .contact__block {
        border-bottom: 1px solid #ddd;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem
    }

    .contact__block:last-of-type {
        padding-bottom: 0;
        border-bottom: 0 none
    }
}

@media all and (max-width: 41.8125em) {
    .contacts-grid {
        gap:1rem;
        column-gap: 1rem;
        column-count: auto
    }

    .contact__block {
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }
}

@media all and (max-width: 35.5625em) {
    .contacts-grid__two-cols {
        grid-template-columns:1fr
    }

    .contacts-grid__two-cols .contact__block {
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem
    }

    .contacts-grid__two-cols .contact__block:last-of-type {
        padding-bottom: 0;
        border-bottom: 0 none
    }
}

.office-location-wrapper .image-container {
    width: 100%
}

.office-location-wrapper .office-map {
    width: 100%;
    aspect-ratio: 16 / 9
}

@media all and (max-width: 54.3125em) {
    .office-location-layout {
        height:calc(100dvh - 50px);
        padding-block:0}

    .office-location-layout .wrapper,.office-location-layout #office_location,.office-location-layout .office-location-wrapper {
        height: 100%
    }

    .office-location-layout .page-title-mobile {
        margin-block:0}

    .office-location-layout .office-location-wrapper {
        display: flex;
        flex-direction: column
    }

    .office-location-layout .office-location-wrapper .image-container {
        flex: 1;
        width: 100dvw;
        margin-inline:-1.5rem}

    .office-location-layout .office-location-wrapper .office-map {
        flex: 1;
        aspect-ratio: auto;
        width: 100dvw;
        height: 100%;
        margin: 0
    }
}

@media all and (max-width: 35.5625em) {
    .office-location-layout .office-location-wrapper .image-container {
        margin-inline:-1.25rem
    }
}

.expand-reach {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    justify-items: center;
    max-width: 62.5rem;
    margin-inline:auto}

.expand-reach__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80%
}

.expand-reach__block p {
    margin-bottom: 0
}

.expand-reach .image-container,.expand-reach__pic {
    max-width: 14.375rem;
    max-height: 14.375rem;
    border-radius: 50%;
    overflow: hidden
}

.expand-reach .image-container {
    height: 100%;
    margin-bottom: 1.5rem;
    color: transparent
}

@media all and (max-width: 41.8125em) {
    .expand-reach {
        grid-template-columns:1fr
    }

    .expand-reach .image-container,.expand-reach__pic {
        max-width: 11.25rem;
        max-height: 11.25rem
    }
}

@media all and (max-width: 35.5625em) {
    .expand-reach__block {
        max-width:none
    }

    .expand-reach .image-container,.expand-reach__pic {
        max-width: 9.375rem;
        max-height: 9.375rem
    }
}

.scholarships {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 3rem
}

.scholarship-card {
    background-color: #FFF1C2;
    box-shadow: 3px 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    display: block;
    overflow: hidden;
    height: 100%;
    position: relative
}

.scholarship-card:nth-child(1n+0) {
    background-color: #FFF1C2
}

.scholarship-card:nth-child(3n-1) {
    background-color: rgba(214,194,255,0.57)
}

.scholarship-card:nth-child(3n+0) {
    background-color: rgba(112,155,208,0.35)
}

.scholarship-card figure {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.scholarship-card__banner {
    position: relative
}

.scholarship-card__banner .craydel-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin-inline:auto;display: flex;
    align-items: center;
    justify-content: center;
    background-color: #21264D;
    width: 5.375rem;
    height: 1.5rem;
    border-radius: 0 0 4px 4px
}

.scholarship-card__banner .craydel-logo img {
    width: 4rem
}

.scholarship-card__banner .info-strip {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem
}

.scholarship-card__banner .info-strip .value-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14.0625rem;
    height: 100%
}

.scholarship-card__banner .info-strip .value-strip::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%)
}

.scholarship-card__banner .info-strip .value-strip .value-wrapper {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    align-items: center;
    gap: .5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    height: 100%;
    width: 100%;
    padding-inline:1.25rem;background-color: #FCDB00;
    clip-path: polygon(86% 0, 100% 76%, 100% 100%, 0 100%, 0 0)
}

.scholarship-card__banner .info-strip .value-strip .upto {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #21264D;
    width: 3.375rem;
    height: 1.5rem;
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    transform: rotate(270deg);
    transform-origin: 20px 20px
}

.scholarship-card__banner .info-strip .value-strip .flat-amount {
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
    color: #21264D
}

.scholarship-card__banner .info-strip .value-strip .flat-amount span {
    display: block
}

.scholarship-card__banner .info-strip .value-strip .flat-amount .scholarship-value {
    font-weight: bold
}

.scholarship-card__banner .info-strip .value-strip .flat-amount .scholarship-type {
    font-weight: 500
}

.scholarship-card__banner .info-strip .value-strip .percentage-amount {
    display: flex;
    gap: .5rem;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1;
    font-style: italic;
    color: #21264D
}

.scholarship-card__banner .info-strip .value-strip .percentage-amount .scholarship-value {
    font-size: 3.5rem;
    font-weight: bold
}

.scholarship-card__banner .info-strip .value-strip .percentage-amount .scholarship-off {
    font-weight: 500
}

.scholarship-card__banner .info-strip::before {
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FCDB00;
    clip-path: polygon(0 66%, 100% 40%, 100% 100%, 0% 100%)
}

.scholarship-card__banner .image-container {
    display: block;
    width: 100%
}

.scholarship-card__banner .image-container img {
    overflow: hidden;
    aspect-ratio: 1.7812;
    object-fit: cover
}

.scholarship-card figcaption {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px;
    position: relative
}

.scholarship-card figcaption p {
    font-weight: normal;
    font-size: .9375rem;
    margin-bottom: 1.5rem
}

.scholarship-card figcaption .btn {
    align-self: flex-start;
    min-width: auto;
    flex-shrink: 0
}

.scholarship-card figcaption .fi.fis {
    width: 1.625rem;
    height: 1.625rem
}

.scholarship-card__title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: .625rem;
    text-wrap: balance
}

.scholarship-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.875rem;
    margin-top: auto
}

@media all and (max-width: 85.5625em) {
    .scholarships {
        gap:2rem
    }
}

@media all and (max-width: 68.6875em) {
    .scholarships {
        grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
        gap: 1.5rem
    }
}

.institution-logo {
    display: flex;
    align-items: center;
    align-self: start;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(33,38,77,0.2);
    overflow: hidden;
    min-height: 6.5rem;
    position: relative
}

.institution-logo img {
    object-fit: cover;
    height: 100%;
    position: absolute
}

.institution-title {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem
}

.institution-location {
    display: flex;
    align-items: start;
    gap: .5rem;
    line-height: normal
}

.institution-location .fi {
    width: 19px !important;
    height: 19px !important;
    flex: none;
    margin-top: 1px
}

.institution-location.single-course__uni-title--big .fi {
    margin-top: 3px
}

.institution-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem
}

.institution-meta-buttons {
    display: flex;
    align-items: center;
    gap: 1rem
}

.institution-meta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 1.5rem;
    color: #21264D
}

.institution-meta-btn:hover {
    color: #cc0c39
}

.institution-meta-actions {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto
}

.institution-ratings {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap
}

.institution-ratings .rating-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    background-color: #21264D;
    color: #fff;
    font-size: 1rem;
    font-weight: 500
}

.institution-ratings .star-rating {
    margin-bottom: 0;
    width: 7.125rem
}

.institution .reviews-link {
    text-decoration: underline
}

.campus-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-right: auto
}

.campus-tag {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 600;
    padding: .125rem .625rem;
    border-radius: 30px
}

.campus-tag.single-course--institution__tag--top-uni {
    background-color: rgba(25,118,210,0.12);
    color: #1976D2;
    gap: .25rem;
    padding: .125rem .75rem;
    border-radius: 30px
}

.campus-tag.single-course--institution__tag--top-uni i {
    font-size: 1rem
}

.campus-tag.single-course--institution__tag--top-uni i:last-child {
    margin-right: .125rem
}

.popular-tag {
    background-color: #cc0c39;
    color: #fff
}

.top-uni-tag {
    padding: 0
}

.highlights-carousel .splide__slide {
    margin: 1rem 0;
    padding-inline:.25rem}

.uni-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem 1.875rem;
    justify-content: start
}

.uni-highlight-block {
    display: grid;
    grid-template-columns: 3.75rem 1fr;
    align-items: center;
    border-radius: 16px;
    max-width: 21.25rem;
    min-width: 15.625rem
}

.uni-highlight-block .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    color: #F6600B
}

.uni-highlight-block .icon svg {
    width: 2rem;
    height: 2rem;
    fill: currentcolor
}

.uni-highlight-block .uni-highlight-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: .875rem;
    font-weight: 500;
    text-wrap: balance
}

.uni-highlight-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #FFF1C2 !important;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    color: #C0B695 !important;
    text-align: center;
    line-height: 1;
    padding: 1.25rem 1rem 1rem 1rem !important
}

.uni-highlight-card--job-placement {
    background-color: #DEEFDB !important;
    color: #659879 !important
}

.uni-highlight-card--international-students {
    background-color: #E4E8FF !important;
    color: #7c86b9 !important
}

.uni-highlight-card--global-rank {
    background-color: #FFF1C2 !important;
    color: #F6A70B !important
}

.uni-highlight-card--scholarships {
    background-color: #FFE3D4 !important;
    color: #ED8B8A !important
}

.uni-highlight-card .highlight-value {
    font-weight: 600 !important;
    font-size: clamp(1.5rem, calc(1.5vw + 1rem), 2.5rem) !important;
    margin-bottom: .25rem
}

.uni-highlight-card .highlight-value span {
    font-size: .875rem
}

.uni-highlight-card .highlight-value--small {
    font-size: clamp(1rem, calc(1.5vw + 1rem), 1.6rem) !important
}

.uni-highlight-card .highlight-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1875rem;
    font-weight: 600 !important;
    margin-top: auto;
    font-size: .8125rem
}

.uni-highlight-card .highlight-label svg {
    position: relative;
    top: -2px;
    width: 1rem;
    height: 1rem;
    fill: currentcolor
}

.uni-highlight-card .highlight-label i {
    font-size: 1rem
}

.uni-highlight-card .help-text {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: .625rem;
    color: #777
}

@media all and (max-width: 41.8125em) {
    .institution-meta .btn-share-details summary .btn {
        width:1.875rem;
        height: 1.875rem;
        font-size: 1rem;
        padding: 0
    }

    .uni-courses-btn {
        position: fixed;
        bottom: 50px;
        left: 0;
        z-index: 80;
        width: 100%;
        text-align: center;
        background-color: #F5F5F5;
        box-shadow: 0 0 4px 3px rgba(0,0,0,0.25);
        padding: .625rem 1.5rem
    }

    .uni-courses-btn .btn {
        display: flex
    }
}

@media all and (max-width: 35.5625em) {
    .institution-logo {
        width:7rem
    }

    .institution-title {
        display: grid;
        grid-template-columns: 1fr;
        gap: .625rem
    }

    .institution-meta {
        justify-content: flex-start
    }

    .institution-meta-actions {
        width: 100%;
        margin-left: 0;
        justify-content: space-between
    }

    .campus-tags {
        width: 100%
    }

    .campus-tag {
        font-size: .75rem
    }

    .campus-tag.single-course--institution__tag--top-uni i {
        font-size: .875rem
    }

    .highlights-carousel .carousel__slide {
        padding-right: .75rem
    }

    .uni-highlight-card .highlight-value span {
        font-size: .625rem
    }

    .uni-highlight-card .highlight-label {
        font-size: .75rem
    }

    .uni-courses-btn {
        padding: .625rem 1.25rem
    }

    .uni-highlights {
        flex-direction: column;
        gap: .625rem
    }
}

.institution-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
    gap: .625rem
}

.institution-gallery--wide {
    grid-template-columns: repeat(auto-fit, minmax(14.75rem, 1fr))
}

.institution-gallery.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(1),.institution-gallery.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 3 / 1;
    height: auto
}

.institution-gallery.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(2),.institution-gallery.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(2) {
    grid-area: 1 / 2 / 3 / 3;
    height: auto
}

.institution-gallery--skeleton .institution-gallery__image,.institution-gallery--skeleton .institution-gallery__video {
    overflow: hidden;
    background-color: rgba(0,0,0,0.12)
}

.institution-gallery--skeleton .institution-gallery__image::after,.institution-gallery--skeleton .institution-gallery__video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: loading 1.5s infinite;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));
    transform: translate(-100%);
    z-index: 1
}

.institution-gallery__video {
    grid-area: 1 / 3 / 3 / 6;
    min-height: 18.75rem;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.1)
}

.institution-gallery__video iframe {
    display: block;
    width: 100%;
    height: 100%
}

.institution-gallery__image {
    overflow: hidden;
    position: relative;
    height: -webkit-fill-available;
    width: 100%
}

.institution-gallery__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.institution-gallery__image:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.institution-gallery__image:hover .institution-gallery__image-more {
    color: #FCDB00
}

.institution-gallery__image-more {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    font-weight: 500
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image {
    aspect-ratio: 1.8/1
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 3;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:nth-of-type(2) {
    grid-area: 2 / 1 / 3 / 3;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:nth-of-type(3) {
    grid-area: 3 / 1 / 4 / 3;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(1) {
    grid-area: 1 / 1 / 3 / 3;
    min-height: 100%;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image {
    height: 12.6875rem;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image {
    height: 8.25rem;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__video {
    grid-area: 1 / 3 / 4 / 6
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image {
    height: 12.625rem;
    aspect-ratio: auto
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(1),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 2
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(2) {
    grid-area: 1 / 2 / 2 / 3
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(3) {
    grid-area: 2 / 1 / 3 / 2
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(4),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(4) {
    grid-area: 2 / 2 / 3 / 3
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image {
    aspect-ratio: auto;
    height: 8.25rem
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(1),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 2
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(2) {
    grid-area: 1 / 2 / 2 / 3
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(3) {
    grid-area: 2 / 1 / 3 / 2
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(4),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(4) {
    grid-area: 2 / 2 / 3 / 3
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(5),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(5) {
    grid-area: 3 / 1 / 4 / 3
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__video {
    grid-area: 1 / 3 / 4 / 6
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image {
    aspect-ratio: 1.8/1;
    height: 240px
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(1),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 3;
    aspect-ratio: auto;
    height: 9.6875rem
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(2) {
    grid-area: 2 / 1 / 3 / 3;
    aspect-ratio: auto;
    height: 9.6875rem
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(3) {
    grid-area: auto;
    height: 240px
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(6),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(6) {
    grid-area: 3 / 4 / 4 / 6;
    aspect-ratio: auto;
    height: 240px
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image {
    aspect-ratio: 1.8/1;
    height: -webkit-fill-available;
    width: -webkit-fill-available
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(1),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 3;
    aspect-ratio: auto;
    height: 9.6875rem
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(2) {
    grid-area: 2 / 1 / 3 / 3;
    aspect-ratio: auto;
    height: 9.6875rem
}

.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(3) {
    grid-area: auto
}

.institution-gallery:not(:has(.institution-gallery__video)) {
    grid-template-columns: repeat(auto-fit, minmax(13.125rem, 1fr));
    overflow: hidden
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(1) {
    min-height: 100%;
    aspect-ratio: 3/1
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(2),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image {
    height: 25.9375rem;
    aspect-ratio: auto
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image {
    aspect-ratio: auto;
    height: 12.6875rem
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(4),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(4) {
    grid-area: 2 / 1 / 3 / 2
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(5),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(5) {
    grid-area: 2 / 2 / 3 / 4
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image {
    aspect-ratio: auto;
    height: 12.6875rem
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(4),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(4) {
    grid-area: 2 / 1 / 3 / 2
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(5),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(5) {
    grid-area: 2 / 2 / 3 / 3
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(6),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(6) {
    grid-area: 2 / 3 / 3 / 4
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(7),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image {
    aspect-ratio: auto;
    height: 12.6875rem
}

.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(7),.institution-gallery:not(:has(.institution-gallery__video)) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(7) {
    grid-column: span 2
}

@media all and (max-width: 81.1875em) {
    .institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image,.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(3),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(6) {
        height:150px
    }

    .institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(7),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(7) {
        height: 6.375rem;
        aspect-ratio: auto
    }

    .institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(7),.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(7) {
        height: 8.4375rem
    }
}

@media all and (max-width: 68.6875em) {
    .institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(1),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(1) {
        grid-area:1 / 1 / 2 / 3;
        height: 9.6875rem
    }

    .institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(2),.institution-gallery:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 3;
        height: 9.6875rem
    }

    .institution-gallery--wide {
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr))
    }

    .institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(1) {
        height: 18.75rem
    }

    .institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4),.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image {
        height: 9.125rem
    }

    .institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5),.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image {
        height: 5.875rem
    }

    .institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(7),.institution-gallery--wide:has(.institution-gallery__video) .institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(7) {
        height: 6.5rem
    }
}

@media all and (max-width: 54.3125em) {
    .institution-gallery {
        grid-template-columns:repeat(auto-fit, minmax(13.125rem, 1fr))
    }

    .institution-gallery__video {
        grid-area: auto !important;
        grid-column: span 3 !important;
        aspect-ratio: 16/9
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(1) ~ .institution-gallery__image {
        aspect-ratio: auto;
        height: 11.875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(1):nth-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(1) ~ .institution-gallery__image:nth-of-type(1) {
        aspect-ratio: auto !important;
        grid-area: 1 / 1 / 2 / -1 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(1)+.institution-gallery__video,.institution-gallery__image:first-of-type:nth-last-of-type(1) ~ .institution-gallery__image+.institution-gallery__video {
        grid-column: 1
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image {
        aspect-ratio: auto;
        height: 11.875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(2):nth-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(2):nth-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(2)+.institution-gallery__video,.institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image+.institution-gallery__video {
        grid-column: span 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3),.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image {
        aspect-ratio: auto;
        height: 11.875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3):nth-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3):nth-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3):nth-of-type(3),.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image:nth-of-type(3) {
        grid-area: 1 / 3 / 2 / 4 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3)+.institution-gallery__video,.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image+.institution-gallery__video {
        grid-column: span 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(4),.institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image {
        aspect-ratio: auto;
        height: 11.875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(3),.institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(3) {
        grid-area: 2 / 1 / 3 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(4):nth-of-type(4),.institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image:nth-of-type(4) {
        grid-area: 2 / 2 / 3 / 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(4)+.institution-gallery__video,.institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image+.institution-gallery__video {
        grid-column: span 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(5),.institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image {
        aspect-ratio: auto !important;
        height: 12.6875rem
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(3),.institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(3) {
        grid-area: 1 / 3 / 3 / 4 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(4),.institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(4) {
        grid-area: 2 / 1 / 3 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(5):nth-of-type(5),.institution-gallery__image:first-of-type:nth-last-of-type(5) ~ .institution-gallery__image:nth-of-type(5) {
        grid-area: 2 / 2 / 3 / 4 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image {
        aspect-ratio: auto !important;
        height: 12.6875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(4),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(4) {
        grid-area: 2 / 1 / 3 / 2
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(5),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(5) {
        grid-area: 2 / 2 / 3 / 3
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(6):nth-of-type(6),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image:nth-of-type(6) {
        grid-area: 2 / 3 / 3 / 4 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(7),.institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image {
        aspect-ratio: auto !important;
        height: 12.6875rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3 !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(7):nth-of-type(7),.institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image:nth-of-type(7) {
        grid-column: span 3 !important
    }
}

@media all and (max-width: 41.8125em) {
    .institution-gallery {
        grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr)) !important
    }
}

@media all and (max-width: 35.5625em) {
    .institution-gallery {
        grid-template-columns:repeat(auto-fit, minmax(6.25rem, 1fr)) !important;
        gap: .375rem
    }

    .institution-gallery__image {
        height: 5rem !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(1) ~ .institution-gallery__image {
        aspect-ratio: auto !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(3),.institution-gallery__image:first-of-type:nth-last-of-type(3) ~ .institution-gallery__image {
        height: auto !important
    }

    .institution-gallery__image:first-of-type:nth-last-of-type(1),.institution-gallery__image:first-of-type:nth-last-of-type(1) ~ .institution-gallery__image,.institution-gallery__image:first-of-type:nth-last-of-type(2),.institution-gallery__image:first-of-type:nth-last-of-type(2) ~ .institution-gallery__image,.institution-gallery__image:first-of-type:nth-last-of-type(4),.institution-gallery__image:first-of-type:nth-last-of-type(4) ~ .institution-gallery__image,.institution-gallery__image:first-of-type:nth-last-of-type(6),.institution-gallery__image:first-of-type:nth-last-of-type(6) ~ .institution-gallery__image,.institution-gallery__image:first-of-type:nth-last-of-type(7),.institution-gallery__image:first-of-type:nth-last-of-type(7) ~ .institution-gallery__image {
        height: 5rem !important
    }

    .institution-gallery__image-more {
        font-size: .75rem
    }

    .institution-gallery__video {
        min-height: 11.5rem
    }
}

.logos-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.125rem 9.375rem;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}

.logos-grid--employers {
    grid-template-columns: repeat(4, 1fr)
}

.logos-grid__logo {
    display: flex;
    align-items: center;
    justify-content: center
}

.logos-grid__logo img {
    height: 4rem;
    width: 15.625rem;
    object-fit: contain
}

@media all and (max-width: 68.6875em) {
    .logos-grid {
        gap:3.125rem 6.25rem
    }
}

@media all and (max-width: 54.3125em) {
    .logos-grid {
        grid-template-columns:repeat(3, 1fr);
        gap: 3.125rem
    }

    .logos-grid--employers {
        grid-template-columns: repeat(4, 1fr)
    }

    .logos-grid__logo img {
        height: 2.5rem
    }
}

@media all and (max-width: 41.8125em) {
    .logos-grid {
        grid-template-columns:repeat(2, 1fr);
        gap: 3.125rem
    }

    .logos-grid--employers {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media all and (max-width: 35.5625em) {
    .logos-grid {
        margin-top:1.5rem;
        gap: 1.875rem
    }
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem
}

.blog__item {
    display: flex;
    flex-direction: column
}

.blog__item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.blog__item-title {
    font-weight: 600;
    color: #21264D;
    margin-bottom: .5rem;
    line-height: 1.4
}

.blog__item-title a {
    color: #21264D
}

.blog__item-title a:hover {
    color: #F6A70B
}

.blog__item p {
    font-size: .9375rem;
    margin-bottom: 1rem
}

.blog__item .blog-meta {
    margin-top: auto
}

.blog__item-image,.blog__item-video {
    overflow: hidden;
    position: relative;
    aspect-ratio: 2/1
}

.blog__item-image img,.blog__item-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.blog__item-image:hover img,.blog__item-video:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.blog__item-video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3)
}

.blog__item-video::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\e915";
    position: absolute;
    inset: 0;
    z-index: 2;
    font-size: 1.875rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-color: #21264D;
    color: #fff;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.blog__item-video:hover::after {
    background-color: #F6A70B;
    color: #21264D
}

.blog-items-aside .blog__item,.blog-items-wide .blog__item {
    flex-direction: row;
    gap: 2rem;
    border-top: 1px solid #e5e5e5;
    padding-block:1.25rem}

.blog-items-aside .blog__item:first-child,.blog-items-wide .blog__item:first-child {
    padding-top: 0;
    border: 0 none
}

.blog-items-aside .blog__item-image,.blog-items-aside .blog__item-video,.blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
    flex: 0 0 6.375rem;
    width: 6.375rem;
    aspect-ratio: 1;
    align-self: flex-start
}

.blog-items-aside .blog__item-video::after,.blog-items-wide .blog__item-video::after {
    font-size: 1.25rem;
    width: 2.5rem;
    height: 2.5rem
}

.blog-items-aside .blog__item-title,.blog-items-wide .blog__item-title {
    font-size: .875rem
}

.blog-items-aside .blog__item .blog-meta,.blog-items-wide .blog__item .blog-meta {
    margin-bottom: 0
}

.blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
    flex: 0 0 12.5rem;
    width: 12.5rem;
    aspect-ratio: 2/1.5
}

.blog-items-wide .blog__item-title {
    font-size: clamp(1rem, calc(0.5vw + 1rem), 1.5rem)
}

.blog__featured-item {
    display: flex;
    align-items: flex-end;
    grid-column: span 2;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.5rem;
    position: relative;
    isolation: isolate
}

.blog__featured-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.8));
    z-index: -1
}

.blog__featured-item .blog__item-title,.blog__featured-item .blog__item-title a {
    color: #fff
}

.blog__featured-item .blog__item-title a:hover {
    color: #F6A70B
}

.blog__featured-item .blog__item p {
    margin-bottom: 0;
    color: #fff
}

.blog__featured-item .blog-tags a {
    background-color: #fff
}

.blog__featured-item .blog-tags a:hover {
    background-color: rgba(255,255,255,0.8)
}

@media all and (max-width: 68.6875em) {
    .blog-grid {
        grid-template-columns:repeat(2, 1fr);
        gap: 2rem
    }

    .blog__featured-item {
        min-height: 16.125rem
    }

    .blog-items-aside .blog__item,.blog-items-wide .blog__item {
        gap: 1.25rem
    }

    .blog-items-aside .blog__item-image,.blog-items-aside .blog__item-video,.blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
        flex: 0 0 5rem;
        width: 5rem
    }

    .blog-items-aside .blog__item-video::after,.blog-items-wide .blog__item-video::after {
        font-size: .9375rem;
        width: 1.875rem;
        height: 1.875rem
    }

    .blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
        flex: 0 0 9.375rem;
        width: 9.375rem;
        aspect-ratio: 2/1.5
    }
}

@media all and (max-width: 41.8125em) {
    .blog-items-wide .blog__item {
        flex-direction:column
    }

    .blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
        display: block;
        flex: none;
        width: 100%;
        aspect-ratio: 2/0.8
    }

    .blog-items-wide .blog__item-video::after {
        font-size: 1.875rem;
        width: 3.125rem;
        height: 3.125rem
    }
}

@media all and (max-width: 35.5625em) {
    .blog-grid {
        grid-template-columns:1fr;
        gap: 2rem
    }

    .blog__featured-item {
        grid-column: 1
    }

    .blog-items-wide .blog__item-image,.blog-items-wide .blog__item-video {
        aspect-ratio: 2/1
    }

    .blog-items-wide .blog__item-video::after {
        font-size: 1.875rem;
        width: 3.125rem;
        height: 3.125rem
    }
}

.blog-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3125rem;
    margin-bottom: .625rem
}

.blog-tags a {
    display: block;
    padding: .125rem .75rem;
    background: #e3e4e8;
    border-radius: 12px;
    font-size: .75rem;
    color: #6f6f70
}

.blog-tags a:hover {
    background: rgba(255,56,74,0.06)
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.125rem;
    align-items: center;
    font-size: .75rem;
    margin-bottom: 1rem
}

.blog-meta__item {
    display: flex;
    align-items: center;
    gap: .3125rem;
    color: rgba(0,0,0,0.5)
}

.blog-meta__item svg {
    position: relative;
    width: .9375rem;
    height: .9375rem;
    fill: currentcolor
}

.blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    margin: 0 0 2rem
}

.blog-categories a {
    display: block;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    font-size: .8125rem;
    color: #21264D;
    padding: .4375rem .75rem;
    border-radius: 20px
}

.blog-categories a:hover {
    background-color: rgba(204,12,57,0.05)
}

.blog-categories a.active {
    background-color: #cc0c39;
    border-color: #cc0c39;
    color: #fff
}

.error-page {
    height: 100vh;
    padding: 3rem 0;
    position: relative
}

.error-page::after {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: url("/images/craydel-default-error-page-bg.svg") no-repeat center center;
    background-size: contain
}

.error-page .wrap {
    position: relative;
    height: 100%;
    display: flex;
    z-index: 1;
    align-items: flex-end;
    justify-content: center;
    max-width: 85%;
    margin: auto
}

.error-page__header {
    position: absolute;
    left: 0;
    top: 0
}

.error-page__header .logo {
    display: flex;
    align-items: center
}

.error-page__header .logo img {
    height: 29px
}

.error-page__content {
    max-width: 800px;
    text-align: center;
    padding: 1.25rem 1.25rem 0 1.25rem;
    background-color: #fff;
    border-radius: 8px
}

.error-page__content h1 {
    font-weight: bold;
    font-size: 2.25rem;
    margin-bottom: 1rem
}

.error-page__content h4 {
    font-weight: normal;
    font-size: 1.125rem;
    margin-bottom: 1rem
}

.error-page__content p {
    font-size: 18px
}

.error-page__content p a {
    color: #ED3A3A;
    font-weight: bold
}

.error-page__content p a:hover {
    text-decoration: underline;
    color: #21264D
}

.error-page__content .error-desc {
    color: #ED3A3A;
    font-size: .75rem
}

@media all and (max-width: 104.3125em) {
    .error-page__header {
        left:3rem
    }

    .error-page .wrap {
        max-width: none
    }
}

@media all and (max-width: 85.5625em) {
    .error-page {
        padding:2rem 0
    }

    .error-page::after {
        background-position-y: 36%
    }

    .error-page__content h1 {
        font-size: 32px
    }
}

@media all and (max-width: 68.6875em) {
    .error-page__header {
        left:2rem
    }
}

@media all and (max-width: 54.3125em) {
    .error-page .wrap {
        max-width:none
    }

    .error-page::after {
        background-size: 200%
    }

    .error-page__header {
        left: 1.5rem
    }

    .error-page__content h1 {
        font-size: 2em
    }

    .error-page__content h4,.error-page__content p {
        font-size: 1em
    }
}

@media all and (max-width: 35.5625em) {
    .error-page {
        padding:2rem 0;
        overflow: hidden
    }

    .error-page .wrap {
        margin-top: 0
    }

    .error-page__content h1 {
        font-size: 1.4em
    }
}

.login-dialog {
    z-index: 4000
}

.login-dialog .btn-close-dialog {
    position: absolute;
    right: 25px;
    top: 10px
}

.login-dialog .custom-drawer__content {
    display: grid;
    text-align: center;
    place-items: center
}

.login-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 1rem;
    text-align: center;
    max-width: 26.25rem;
    margin-inline:auto;width: 100%
}

.login-card--wide {
    max-width: 37.5rem
}

.login-card .logo {
    width: 6.25rem;
    margin: 1rem 0 .625rem 0
}

.login-card .logo--product {
    width: auto;
    max-height: 3.4375rem
}

.login-card-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1976D2;
    line-height: 1.3;
    margin-top: .625rem
}

.login-card-subtitle {
    color: rgba(0,0,0,0.5)
}

.login-card .verification-channels {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%
}

.login-card .verification-channels .channel-button {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .75rem;
    align-items: center;
    background: transparent;
    color: rgba(0,0,0,0.8);
    border: 1px solid #ccd1d9;
    padding: 1rem;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: 1rem;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
    letter-spacing: 0.5px
}

.login-card .verification-channels .channel-button--preference {
    cursor: default;
    pointer-events: none;
    position: relative
}

.login-card .verification-channels .channel-button--preference.default-preference {
    border-color: #33B469
}

.login-card .verification-channels .channel-button--preference.default-preference .icon {
    background-color: rgba(51,180,105,0.3) !important
}

.login-card .verification-channels .channel-button--preference.default-preference .icon svg {
    fill: #33B469 !important
}

.login-card .verification-channels .channel-button--preference .default-chip {
    display: flex;
    align-items: center;
    position: absolute;
    right: 8px;
    top: 8px;
    height: 1.25rem;
    border-radius: 10px;
    font-size: .6875rem;
    padding-inline:.625rem;background-color: rgba(51,180,105,0.12);
    color: #33B469
}

.login-card .verification-channels .channel-button:active,.login-card .verification-channels .channel-button:focus,.login-card .verification-channels .channel-button:focus-within,.login-card .verification-channels .channel-button:hover {
    border-color: #A556F6;
    box-shadow: 0 0 0 2px rgba(166,86,246,0.3);
    outline: none;
    transform: translateY(-2px)
}

.login-card .verification-channels .channel-button:active .icon,.login-card .verification-channels .channel-button:focus .icon,.login-card .verification-channels .channel-button:focus-within .icon,.login-card .verification-channels .channel-button:hover .icon {
    background-color: rgba(165,86,246,0.3)
}

.login-card .verification-channels .channel-button:active .icon svg,.login-card .verification-channels .channel-button:focus .icon svg,.login-card .verification-channels .channel-button:focus-within .icon svg,.login-card .verification-channels .channel-button:hover .icon svg {
    fill: #A556F6
}

.login-card .verification-channels .channel-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(102,101,241,0.3);
    transition: all 0.3s ease
}

.login-card .verification-channels .channel-button .icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #6665F1;
    transition: all 0.3s ease
}

.login-card .verification-channels .channel-button-title {
    font-weight: 500
}

.login-card .verification-channels .channel-button-subtitle {
    font-size: .875rem;
    color: rgba(0,0,0,0.5)
}

.login-card .links-wrapper {
    display: flex;
    gap: 1rem
}

.login-card .link,.login-card .link-btn {
    display: inline-flex;
    align-items: center;
    color: #1976D2;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
    background-color: transparent;
    margin: 0;
    border: 0 none;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: 1rem
}

.login-card .link:hover,.login-card .link-btn:hover {
    color: #21264D;
    text-decoration: underline
}

.login-card .link--forward,.login-card .link-btn--forward {
    color: #33B469
}

.login-card .link--forward:hover,.login-card .link-btn--forward:hover {
    color: #F6600B
}

.login-card .otp-channel {
    display: block;
    color: #A556F6;
    font-weight: 500;
    letter-spacing: 0.5px
}

.login-card #timer {
    font-size: 1rem;
    color: #1976D2;
    font-weight: 500
}

.login-card .resend-text {
    margin-top: 1rem;
    font-size: .875rem;
    color: #b0b0b0
}

.login-card .resend-link {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0 none;
    color: #1976D2;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
    font-family: "Poppins",helvetica,arial,sans-serif;
    font-size: .875rem;
    font-weight: 500
}

.login-card .resend-link:hover {
    color: #21264D;
    text-decoration: underline
}

.registration-card {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 26.25rem;
    align-items: center;
    gap: 5rem
}

.registration-card--pic {
    width: 37.5rem
}

.registration-card .registration-form .logo {
    width: 6.25rem;
    margin: 0 0 .625rem 0
}

.info-card {
    width: 100%;
    background-color: #F0F8FF;
    border: 1px solid #D8EDFF;
    border-radius: 8px;
    padding: 1.875rem 1.25rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
    color: #21264D
}

@media all and (max-width: 68.6875em) {
    .registration-card--pic {
        width:30.625rem
    }
}

@media all and (max-width: 54.3125em) {
    .login-dialog .btn-close-dialog {
        right:3px;
        top: 3px;
        background-color: #fff;
        z-index: 500
    }

    .registration-card {
        display: block;
        max-width: 26.25rem;
        width: 100%
    }

    .registration-card .registration-form {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

@media all and (max-width: 35.5625em) {
    .login-card-subtitle {
        font-size:.875rem
    }

    .login-card .verification-channels .channel-button-title {
        font-size: .875rem
    }

    .login-card .verification-channels .channel-button-subtitle {
        font-size: .75rem
    }
}

.registration-layout {
    display: grid;
    grid-template-columns: 26.25rem 1fr;
    gap: 1.25rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    text-align: left
}

.registration-layout aside {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background-color: #21264D;
    background-image: url("https://craydel-testing-space.fra1.cdn.digitaloceanspaces.com/registration-form-illustration.svg");
    background-repeat: no-repeat;
    background-position: left 58dvh;
    background-size: 123%;
    border-radius: 1.25rem 0 0 1.25rem;
    text-align: left;
    color: #fff;
    overflow: hidden
}

.registration-layout aside .registration-aside-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem 1.25rem 0 1.25rem
}

.registration-layout aside .logo {
    width: 7.5rem
}

.registration-layout .registration-form-content {
    padding: 1.25rem;
    height: 100%;
    overflow: hidden auto
}

.registration-layout .registration-form-content::-webkit-scrollbar {
    width: 5px
}

.registration-layout .registration-form-content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 5px
}

.registration-layout .registration-form-content::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 5px
}

.registration-layout .registration-form-content::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

.registration-layout .registration-form-content form {
    max-width: 98%
}

.registration-layout .registration-form-content-btn-wrapper {
    max-width: 32.9375rem;
    margin-inline:auto}

@media screen and (max-height: 650px) {
    .registration-layout aside {
        background-position:left 48dvh;
        background-size: 100%
    }
}

@media all and (max-width: 68.6875em) {
    .registration-layout {
        grid-template-columns:18.75rem 1fr
    }
}

@media all and (max-width: 54.3125em) {
    .registration-layout {
        grid-template-columns:1fr;
        padding: 0
    }

    .registration-layout aside {
        border-radius: 0;
        background-image: none
    }

    .registration-layout aside .registration-aside-content {
        padding: 1rem
    }

    .registration-layout .registration-form-content {
        padding: 0 1.25rem 1.25rem 1.25rem
    }

    .registration-layout .registration-form-content form {
        max-width: none
    }

    .registration-dialog .btn-close-dialog {
        right: 6px;
        top: 6px;
        background-color: transparent;
        color: #fff
    }
}

.organization-profile-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-x: clip
}

.organization-profile-wrapper .organization-profile-layout {
    flex: 1 1 auto;
    height: auto
}

.notification-section {
    position: relative;
    z-index: 52;
    flex: 0 0 auto
}

.organization-profile-layout {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    gap: 1.25rem;
    height: calc(100dvh - 144px)
}

.organization-profile-layout aside {
    border-right: 1px solid #ccd1d9;
    padding: 1rem;
    height: 100%
}

.organization-profile-nav ul {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.organization-profile-nav ul li button,.organization-profile-nav ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: .5rem;
    width: 100%;
    text-decoration: none;
    color: #21264D;
    font-family: inherit;
    font-weight: 500;
    font-size: 1rem;
    padding: .5rem .9375rem;
    border-radius: .25rem;
    margin: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.organization-profile-nav ul li button.active,.organization-profile-nav ul li button:hover,.organization-profile-nav ul li a.active,.organization-profile-nav ul li a:hover {
    background-color: #E7F0FE
}

.organization-profile-nav ul li button.done .mdi-check-bold,.organization-profile-nav ul li a.done .mdi-check-bold {
    color: #33B469;
    font-size: 1.25rem
}

.organization-profile-nav ul li button[disabled],.organization-profile-nav ul li a[disabled] {
    pointer-events: none;
    cursor: default;
    color: #D0D5DD
}

.organization-profile-nav ul li button i,.organization-profile-nav ul li a i {
    font-size: 1.5rem
}

.organization-profile-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem 1.25rem 1.25rem 0
}

.organization-profile-content::-webkit-scrollbar {
    width: 8px
}

.organization-profile-content::-webkit-scrollbar-track {
    background: #ebebeb;
    border-radius: 20px;
    width: 8px
}

.organization-profile-content::-webkit-scrollbar-thumb {
    background: #a5b7c6;
    border-radius: 20px;
    width: 8px
}

.organization-profile-content::-webkit-scrollbar-thumb:hover {
    background: #8099ae
}

@media all and (max-width: 68.6875em) {
    .notification-section {
        margin-inline:0
    }
}

@media all and (max-width: 54.3125em) {
    .organization-profile-wrapper {
        height:initial;
        overflow-y: auto
    }

    .notification-section {
        margin-inline:-1.25rem;margin-bottom: 0 !important
    }

    .notification-section .snackbar-step {
        margin-bottom: 0
    }

    .organization-profile-layout {
        grid-template-columns: 1fr;
        margin: 0;
        height: initial;
        overflow: initial
    }

    .organization-profile-content {
        height: initial;
        overflow: initial;
        padding: 0
    }
}

.transcripts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
    gap: 1rem;
    margin-inline:3px}

.transcripts .card {
    position: relative
}

.transcripts .card .btn-default-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10
}

.notification-card {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    gap: .75rem;
    font-size: .8125rem;
    padding: .5rem .75rem;
    position: relative
}

.notification-card:hover {
    background-color: #eceff1
}

.notification-card .notification-dot {
    position: absolute;
    top: 5px;
    right: 5px
}

.notification-card--no-hover:hover {
    background-color: transparent
}

.notification-dot {
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    background-color: #cc0c39
}

.notification-icon {
    font-size: 1.5rem;
    line-height: 1
}

.notification-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.financial-details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18.125rem, 1fr));
    gap: 1rem;
    margin-inline:3px}

.financial-details .card {
    position: relative
}

.financial-details .card .btn-default-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10
}

.btn-add-financial {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    background-color: #F1F1F1;
    color: #5A5A5A;
    border-radius: 8px;
    border: none;
    padding: 1rem;
    min-height: 9.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 1.2;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-add-financial:hover,.btn-add-financial:focus {
    background-color: rgba(90,90,90,0.2);
    color: #5A5A5A
}

.btn-add-financial i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    margin-bottom: .1875rem
}

.single-application-card {
    display: grid;
    grid-template-columns: 4.6875rem 1fr;
    gap: 1rem;
    position: relative;
    height: 100%
}

.single-application-card .btn-notifications {
    position: absolute;
    top: .375rem;
    right: .375rem;
    z-index: 1
}

.single-application-card .btn-notifications-content {
    display: flex;
    position: relative
}

.single-application-card .btn-notifications .shortlist-counter {
    outline-color: #fff
}

.single-application-card .btn-delete-application {
    position: absolute;
    top: .375rem;
    right: .375rem;
    z-index: 1
}

.single-application-card-info {
    display: flex;
    flex-direction: column;
    align-items: start
}

.single-application-card-info h2 {
    padding-right: 1.875rem
}

.single-application-card-footer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .5rem;
    grid-column: 1 / -1
}

.single-application-card--vertical {
    grid-template-columns: 1fr
}

.single-application-card--vertical .circular-progress {
    margin-inline:auto}

.single-application-card--vertical .single-application-card-info {
    text-align: center;
    align-items: center
}

.single-application-card--vertical .single-application-card-info h2 {
    padding-right: 0
}

.applications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem
}

@media all and (max-width: 54.3125em) {
    .single-application-card {
        grid-template-columns:1fr
    }

    .single-application-card .circular-progress {
        margin-inline:auto}

    .single-application-card-info {
        text-align: center;
        align-items: center
    }

    .single-application-card-info h2 {
        padding-right: 0
    }
}

.performance-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20.625rem, 1fr));
    gap: 1.25rem
}

.stats-carousel .splide__track {
    padding-left: .25rem !important;
    padding-right: .5rem !important;
    padding-bottom: .5rem !important
}

.stats-list {
    display: flex;
    flex-direction: column
}

.stats-list .stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .625rem;
    padding-block:.625rem;border-bottom: 1px solid #D7D7D7;
    font-size: .875rem
}

.stats-list .stat-item:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.stats-list .stat-item .tooltip-icon {
    width: .875rem;
    height: .875rem
}

.stats-list .stat-item .tooltip-icon svg {
    width: .625rem;
    height: .625rem
}

.stat-icon {
    width: 1.625rem;
    height: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.12);
    flex-shrink: 0
}

.stat-icon svg {
    width: .8125rem !important;
    height: .8125rem !important;
    fill: currentcolor
}

.stat-icon--small {
    width: 1.25rem;
    height: 1.25rem
}

.stat-icon--small svg {
    width: .625rem !important;
    height: .625rem !important
}

.stat-icon.trending-down {
    background-color: rgba(204,12,57,0.12);
    color: #cc0c39
}

.stat-icon.trending-up {
    background-color: rgba(51,180,105,0.12);
    color: #33B469
}

.mdc-data-table .stats-list {
    padding-block:.5rem}

.mdc-data-table .stats-list .stat-item {
    border: none;
    font-size: .75rem;
    padding-block:.1875rem}

.mdc-data-table .stats-list .stat-item .btn-link {
    font-size: .75rem
}

@media all and (max-width: 54.3125em) {
    .stats-carousel .splide__track {
        padding-right:1.875rem !important
    }
}

.eligibility-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem
}

@media all and (max-width: 54.3125em) {
    .eligibility-cards {
        grid-template-columns:1fr
    }
}

.single-stats-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
    min-width: 100%;
    height: 100%
}

.single-stats-card:hover {
    background-color: #f9f9f9
}

.single-stats-card--no-hover:hover {
    background-color: transparent
}

.single-stats-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    margin-bottom: 1rem
}

.single-stats-card-icon i {
    font-size: 1.25rem;
    color: currentcolor
}

.single-stats-card-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentcolor
}

.dashboard-stats-carousel .splide__slide:nth-child(1) .single-stats-card-icon {
    background-color: #E6F7F5;
    color: #00A896
}

.dashboard-stats-carousel .splide__slide:nth-child(2) .single-stats-card-icon {
    background-color: #ECF3FA;
    color: #3E89C5
}

.dashboard-stats-carousel .splide__slide:nth-child(3) .single-stats-card-icon {
    background-color: #F5EFFC;
    color: #9C5DE5
}

.dashboard-stats-carousel .splide__slide:nth-child(4) .single-stats-card-icon {
    background-color: #FFF8EA;
    color: #FFB628
}

.dashboard-stats-carousel .splide__slide:nth-child(5) .single-stats-card-icon {
    background-color: #FFEFEF;
    color: #F35C54
}

.dashboard-stats-carousel .splide__slide:nth-child(6) .single-stats-card-icon {
    background-color: #F7F0EC;
    color: #AA7955
}

.dashboard-stats-carousel .splide__slide:nth-child(7) .single-stats-card-icon {
    background-color: #E6F7F5;
    color: #00A896
}

.dashboard-stats-carousel .splide__slide:nth-child(8) .single-stats-card-icon {
    background-color: #ECF3FA;
    color: #3E89C5
}

.stacked-bar {
    display: flex;
    gap: .375rem;
    width: 100%;
    height: 1.5625rem;
    overflow: hidden;
    margin-top: 1.5rem
}

.stacked-bar-segment {
    height: 100%;
    border-radius: 4px
}

.stats--orange {
    background-color: #F8B14A !important
}

.stats--green {
    background-color: #14C9CA !important
}

.stats--blue {
    background-color: #165DFF !important
}

.stats-legend {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem
}

.stats-legend-item {
    display: flex;
    align-items: center;
    gap: .5rem
}

.stats-legend-item-color {
    width: 2.0625rem;
    height: .5625rem;
    border-radius: 4px;
    background-color: #e8efff
}

.stats-legend-item-label {
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-size: .75rem;
    font-weight: 500
}

.crm-profile-grid-side-panel .student-action-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem
}

.action-btn-with-icon {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .875rem;
    color: rgba(0,0,0,0.8) !important
}

.action-btn-with-icon:hover {
    color: #000 !important
}

.action-btn-with-icon i {
    font-size: 1.125rem
}

.chat-message-box {
    display: flex;
    gap: .25rem;
    width: 100%;
    align-items: end
}

.chat-message-box textarea {
    min-height: 2.75rem;
    padding-block:.5rem}

.chats {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.chat-message {
    display: flex;
    flex-direction: column;
    max-width: 90%;
    padding: .5rem 1rem;
    border-radius: 18px;
    overflow-wrap: break-word;
    text-align: start;
    align-self: end;
    font-size: .875rem;
    color: #000
}

.chat-message-author {
    display: flex;
    gap: .5rem;
    margin-bottom: .25rem
}

.chat-message-author .author-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    background-color: #21264D;
    flex-shrink: 0;
    border-radius: 50%
}

.chat-message-author .author-icon img {
    width: .75rem;
    height: .75rem;
    object-fit: cover
}

.chat-message-author--align-end {
    align-self: end
}

.chat-message-author--align-start {
    align-self: start
}

.chat-message-timestamp {
    font-size: .625rem;
    color: rgba(0,0,0,0.6);
    margin-top: .25rem;
    text-align: right
}

.chat-message--user {
    background-color: #E7F0FE
}

.chat-message--agent {
    background-color: rgba(233,233,233,0.5)
}

.notes-pane {
    display: flex;
    flex-direction: column;
    background-color: #E7F0FE;
    min-width: 18.75rem;
    max-width: 18.75rem;
    margin: 1.5rem -1.5rem -1.5rem 0;
    height: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    max-height: 56.5rem
}

.modules-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    margin: 2rem 0 0
}

.campaign-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(216px, max-content));
    gap: 1rem
}

.campaign-option-card {
    display: grid;
    grid-template-rows: 70% 30%;
    grid-template-columns: 100%;
    height: 8.75rem;
    overflow: hidden
}

.campaign-option-card .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.campaign-option-card .icon-wrapper--whatsapp {
    background-color: #FFF4F0
}

.campaign-option-card img {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
    justify-self: center
}

.campaign-option-card--label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 600
}

.campaign-setting {
    display: grid;
    grid-template-columns: 1.75rem 1fr;
    background-color: #fff;
    gap: 1.5rem;
    border: 1px solid #D7D7D7;
    padding: 1.5rem;
    min-height: 5rem;
    width: calc(100% - 1rem);
    margin-inline:auto}

.campaign-setting-icon {
    font-size: 1.75rem;
    line-height: 1.1
}

.campaign-setting--top-block {
    border-radius: 16px 16px 0 0
}

.campaign-setting--bottom-block {
    border-radius: 0 0 16px 16px
}

.campaign-setting--edit {
    position: relative;
    width: 100%;
    border-radius: 16px;
    box-shadow: rgba(28,28,28,0.1) 0 10px 16px -4px,rgba(28,28,28,0.04) 0 4px 6px -2px;
    margin-block:-2px}

.campaign-setting--edit .btn-close {
    position: absolute;
    right: 0;
    top: 0
}

.campaign-setting--disabled {
    opacity: 40%;
    pointer-events: none
}

.campaign-setting--template {
    display: grid;
    grid-template-columns: 22.5rem 1fr;
    gap: 1.5rem
}

@media all and (max-width: 41.8125em) {
    .campaign-setting {
        padding:1rem
    }

    .campaign-setting--template {
        grid-template-columns: 1fr
    }
}

.campaign-templates {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
    gap: 1rem;
    justify-items: start
}

.campaign-template-card {
    display: flex;
    flex-direction: column;
    align-self: start;
    border: 1px solid #D7D7D7;
    border-radius: 8px;
    width: 100%;
    max-width: 22.5rem;
    font-family: Roboto, sans-serif;
    background-color: #FFF;
    overflow: hidden
}

.campaign-template-card-thumbnail {
    width: 100%;
    overflow: hidden
}

.campaign-template-card-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.campaign-template-card-content {
    padding: .5rem .25rem .25rem .25rem
}

.campaign-template-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: end;
    font-size: .875rem;
    color: #7C7C7C;
    padding: .25rem
}

.campaign-template-card-meta .time {
    font-size: .75rem
}

.campaign-template-card-meta a {
    color: #25D366;
    text-decoration: underline
}

.campaign-template-card-meta a:hover {
    text-decoration: none
}

.campaign-template-card-footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: .5rem;
    color: #25D366;
    font-size: .875rem;
    font-weight: 600
}

.campaign-template-card-footer a i {
    font-size: 1rem
}

.campaign-template-card .btn {
    font-family: "Poppins",helvetica,arial,sans-serif
}

.campaign-template-card--preview {
    height: 330px;
    font-size: .75rem;
    position: relative
}

.campaign-template-card--preview .campaign-template-card-thumbnail {
    height: 11rem
}

.campaign-template-card--preview .campaign-template-card-content {
    max-height: max-content;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%)
}

.campaign-template-card--preview .btn-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    opacity: 0;
    border: 0 none;
    font-family: inherit;
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: opacity .15s ease-in-out
}

.campaign-template-card--preview .btn-preview:hover {
    opacity: 1
}

.campaign-template-card--report {
    max-width: 14.375rem;
    height: 160px
}

@media all and (max-width: 35.5625em) {
    .campaign-templates .campaign-template-card {
        height:auto
    }
}

.campaign-report-header {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem
}

.campaign-report-meta {
    display: flex;
    gap: 2.25rem
}

.campaign-report-meta-block {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    width: calc(33.33% - 1.5rem)
}

@media all and (max-width: 41.8125em) {
    .campaign-report-meta {
        flex-direction:column;
        gap: 1.5rem
    }

    .campaign-report-meta-block {
        width: 100%
    }
}

@media all and (max-width: 35.5625em) {
    .campaign-report-header {
        grid-template-columns:1fr;
        gap: .75rem;
        margin-bottom: 1rem
    }

    .campaign-report-meta {
        gap: 1rem
    }
}

.application-header {
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    gap: 1.25rem;
    align-items: center
}

.application-step {
    display: grid;
    grid-template-columns: 1fr 5rem;
    gap: .625rem;
    align-items: center
}

.application-step-number {
    font-size: 1.125rem;
    font-weight: 600
}

.student-profile-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #F5F5F5
}

.student-profile-photo i {
    font-size: 2.125rem;
    color: #B8B8B8
}

.student-profile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.submit-application-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 36.125rem;
    margin-inline:auto}

@media all and (max-width: 54.3125em) {
    .application-header {
        padding-top:1rem;
        grid-template-columns: 1fr;
        gap: .625rem
    }

    .application-header img {
        max-height: 6.25rem;
        width: auto
    }
}

@media all and (max-width: 41.8125em) {
    .application-step-number {
        font-size:1rem
    }
}

:root {
    --iti-hover-color: rgba(0, 0, 0, 0.05);
    --iti-border-color: #ccc;
    --iti-dialcode-color: #999;
    --iti-dropdown-bg: white;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: 6px;
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 6px;
    --iti-arrow-color: #555;
    --iti-path-flags-1x: url("images/flags.webp");
    --iti-path-flags-2x: url("images/flags@2x.webp");
    --iti-path-globe-1x: url("images/globe.webp");
    --iti-path-globe-2x: url("images/globe@2x.webp");
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px;
    --iti-mobile-popup-margin: 30px
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute
}

.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin: 0 !important
}

.iti__country-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: var(--iti-border-width)
}

.iti__selected-country {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none
}

.iti__selected-country-primary {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)
}

.iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: 0;
    height: 0;
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid var(--iti-arrow-color)
}

[dir=rtl] .iti__arrow {
    margin-right: var(--iti-arrow-padding);
    margin-left: 0
}

.iti__arrow--up {
    border-top: none;
    border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color)
}

.iti__dropdown-content {
    border-radius: 3px;
    background-color: var(--iti-dropdown-bg)
}

.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: var(--iti-border-width) solid var(--iti-border-color);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2)
}

.iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px
}

.iti__search-input+.iti__country-list {
    border-top: 1px solid var(--iti-border-color)
}

.iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti--inline-dropdown .iti__country-list {
    max-height: 185px
}

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap
}

@media (max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space:normal
    }
}

.iti__country {
    display: flex;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: none
}

.iti__dial-code {
    color: var(--iti-dialcode-color)
}

.iti__country.iti__highlight {
    background-color: var(--iti-hover-color)
}

.iti__country-list .iti__flag,.iti__country-name {
    margin-right: var(--iti-spacer-horizontal)
}

[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal)
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover button {
    cursor: pointer
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--iti-hover-color)
}

.iti .iti__selected-dial-code {
    margin-left: 4px
}

[dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px
}

.iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width)
}

.iti--container:hover {
    cursor: pointer
}

.iti--fullscreen-popup.iti--container {
    background-color: rgba(0,0,0,0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__search-icon {
    display: none
}

.iti__flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    border-radius: 1px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: var(--iti-path-flags-1x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)
}

.iti__ac {
    --iti-flag-offset: 0px
}

.iti__ad {
    --iti-flag-offset: -16px
}

.iti__ae {
    --iti-flag-offset: -32px
}

.iti__af {
    --iti-flag-offset: -48px
}

.iti__ag {
    --iti-flag-offset: -64px
}

.iti__ai {
    --iti-flag-offset: -80px
}

.iti__al {
    --iti-flag-offset: -96px
}

.iti__am {
    --iti-flag-offset: -112px
}

.iti__ao {
    --iti-flag-offset: -128px
}

.iti__ar {
    --iti-flag-offset: -144px
}

.iti__as {
    --iti-flag-offset: -160px
}

.iti__at {
    --iti-flag-offset: -176px
}

.iti__au {
    --iti-flag-offset: -192px
}

.iti__aw {
    --iti-flag-offset: -208px
}

.iti__ax {
    --iti-flag-offset: -224px
}

.iti__az {
    --iti-flag-offset: -240px
}

.iti__ba {
    --iti-flag-offset: -256px
}

.iti__bb {
    --iti-flag-offset: -272px
}

.iti__bd {
    --iti-flag-offset: -288px
}

.iti__be {
    --iti-flag-offset: -304px
}

.iti__bf {
    --iti-flag-offset: -320px
}

.iti__bg {
    --iti-flag-offset: -336px
}

.iti__bh {
    --iti-flag-offset: -352px
}

.iti__bi {
    --iti-flag-offset: -368px
}

.iti__bj {
    --iti-flag-offset: -384px
}

.iti__bl {
    --iti-flag-offset: -400px
}

.iti__bm {
    --iti-flag-offset: -416px
}

.iti__bn {
    --iti-flag-offset: -432px
}

.iti__bo {
    --iti-flag-offset: -448px
}

.iti__bq {
    --iti-flag-offset: -464px
}

.iti__br {
    --iti-flag-offset: -480px
}

.iti__bs {
    --iti-flag-offset: -496px
}

.iti__bt {
    --iti-flag-offset: -512px
}

.iti__bw {
    --iti-flag-offset: -528px
}

.iti__by {
    --iti-flag-offset: -544px
}

.iti__bz {
    --iti-flag-offset: -560px
}

.iti__ca {
    --iti-flag-offset: -576px
}

.iti__cc {
    --iti-flag-offset: -592px
}

.iti__cd {
    --iti-flag-offset: -608px
}

.iti__cf {
    --iti-flag-offset: -624px
}

.iti__cg {
    --iti-flag-offset: -640px
}

.iti__ch {
    --iti-flag-offset: -656px
}

.iti__ci {
    --iti-flag-offset: -672px
}

.iti__ck {
    --iti-flag-offset: -688px
}

.iti__cl {
    --iti-flag-offset: -704px
}

.iti__cm {
    --iti-flag-offset: -720px
}

.iti__cn {
    --iti-flag-offset: -736px
}

.iti__co {
    --iti-flag-offset: -752px
}

.iti__cr {
    --iti-flag-offset: -768px
}

.iti__cu {
    --iti-flag-offset: -784px
}

.iti__cv {
    --iti-flag-offset: -800px
}

.iti__cw {
    --iti-flag-offset: -816px
}

.iti__cx {
    --iti-flag-offset: -832px
}

.iti__cy {
    --iti-flag-offset: -848px
}

.iti__cz {
    --iti-flag-offset: -864px
}

.iti__de {
    --iti-flag-offset: -880px
}

.iti__dj {
    --iti-flag-offset: -896px
}

.iti__dk {
    --iti-flag-offset: -912px
}

.iti__dm {
    --iti-flag-offset: -928px
}

.iti__do {
    --iti-flag-offset: -944px
}

.iti__dz {
    --iti-flag-offset: -960px
}

.iti__ec {
    --iti-flag-offset: -976px
}

.iti__ee {
    --iti-flag-offset: -992px
}

.iti__eg {
    --iti-flag-offset: -1008px
}

.iti__eh {
    --iti-flag-offset: -1024px
}

.iti__er {
    --iti-flag-offset: -1040px
}

.iti__es {
    --iti-flag-offset: -1056px
}

.iti__et {
    --iti-flag-offset: -1072px
}

.iti__fi {
    --iti-flag-offset: -1088px
}

.iti__fj {
    --iti-flag-offset: -1104px
}

.iti__fk {
    --iti-flag-offset: -1120px
}

.iti__fm {
    --iti-flag-offset: -1136px
}

.iti__fo {
    --iti-flag-offset: -1152px
}

.iti__fr {
    --iti-flag-offset: -1168px
}

.iti__ga {
    --iti-flag-offset: -1184px
}

.iti__gb {
    --iti-flag-offset: -1200px
}

.iti__gd {
    --iti-flag-offset: -1216px
}

.iti__ge {
    --iti-flag-offset: -1232px
}

.iti__gf {
    --iti-flag-offset: -1248px
}

.iti__gg {
    --iti-flag-offset: -1264px
}

.iti__gh {
    --iti-flag-offset: -1280px
}

.iti__gi {
    --iti-flag-offset: -1296px
}

.iti__gl {
    --iti-flag-offset: -1312px
}

.iti__gm {
    --iti-flag-offset: -1328px
}

.iti__gn {
    --iti-flag-offset: -1344px
}

.iti__gp {
    --iti-flag-offset: -1360px
}

.iti__gq {
    --iti-flag-offset: -1376px
}

.iti__gr {
    --iti-flag-offset: -1392px
}

.iti__gt {
    --iti-flag-offset: -1408px
}

.iti__gu {
    --iti-flag-offset: -1424px
}

.iti__gw {
    --iti-flag-offset: -1440px
}

.iti__gy {
    --iti-flag-offset: -1456px
}

.iti__hk {
    --iti-flag-offset: -1472px
}

.iti__hn {
    --iti-flag-offset: -1488px
}

.iti__hr {
    --iti-flag-offset: -1504px
}

.iti__ht {
    --iti-flag-offset: -1520px
}

.iti__hu {
    --iti-flag-offset: -1536px
}

.iti__id {
    --iti-flag-offset: -1552px
}

.iti__ie {
    --iti-flag-offset: -1568px
}

.iti__il {
    --iti-flag-offset: -1584px
}

.iti__im {
    --iti-flag-offset: -1600px
}

.iti__in {
    --iti-flag-offset: -1616px
}

.iti__io {
    --iti-flag-offset: -1632px
}

.iti__iq {
    --iti-flag-offset: -1648px
}

.iti__ir {
    --iti-flag-offset: -1664px
}

.iti__is {
    --iti-flag-offset: -1680px
}

.iti__it {
    --iti-flag-offset: -1696px
}

.iti__je {
    --iti-flag-offset: -1712px
}

.iti__jm {
    --iti-flag-offset: -1728px
}

.iti__jo {
    --iti-flag-offset: -1744px
}

.iti__jp {
    --iti-flag-offset: -1760px
}

.iti__ke {
    --iti-flag-offset: -1776px
}

.iti__kg {
    --iti-flag-offset: -1792px
}

.iti__kh {
    --iti-flag-offset: -1808px
}

.iti__ki {
    --iti-flag-offset: -1824px
}

.iti__km {
    --iti-flag-offset: -1840px
}

.iti__kn {
    --iti-flag-offset: -1856px
}

.iti__kp {
    --iti-flag-offset: -1872px
}

.iti__kr {
    --iti-flag-offset: -1888px
}

.iti__kw {
    --iti-flag-offset: -1904px
}

.iti__ky {
    --iti-flag-offset: -1920px
}

.iti__kz {
    --iti-flag-offset: -1936px
}

.iti__la {
    --iti-flag-offset: -1952px
}

.iti__lb {
    --iti-flag-offset: -1968px
}

.iti__lc {
    --iti-flag-offset: -1984px
}

.iti__li {
    --iti-flag-offset: -2000px
}

.iti__lk {
    --iti-flag-offset: -2016px
}

.iti__lr {
    --iti-flag-offset: -2032px
}

.iti__ls {
    --iti-flag-offset: -2048px
}

.iti__lt {
    --iti-flag-offset: -2064px
}

.iti__lu {
    --iti-flag-offset: -2080px
}

.iti__lv {
    --iti-flag-offset: -2096px
}

.iti__ly {
    --iti-flag-offset: -2112px
}

.iti__ma {
    --iti-flag-offset: -2128px
}

.iti__mc {
    --iti-flag-offset: -2144px
}

.iti__md {
    --iti-flag-offset: -2160px
}

.iti__me {
    --iti-flag-offset: -2176px
}

.iti__mf {
    --iti-flag-offset: -2192px
}

.iti__mg {
    --iti-flag-offset: -2208px
}

.iti__mh {
    --iti-flag-offset: -2224px
}

.iti__mk {
    --iti-flag-offset: -2240px
}

.iti__ml {
    --iti-flag-offset: -2256px
}

.iti__mm {
    --iti-flag-offset: -2272px
}

.iti__mn {
    --iti-flag-offset: -2288px
}

.iti__mo {
    --iti-flag-offset: -2304px
}

.iti__mp {
    --iti-flag-offset: -2320px
}

.iti__mq {
    --iti-flag-offset: -2336px
}

.iti__mr {
    --iti-flag-offset: -2352px
}

.iti__ms {
    --iti-flag-offset: -2368px
}

.iti__mt {
    --iti-flag-offset: -2384px
}

.iti__mu {
    --iti-flag-offset: -2400px
}

.iti__mv {
    --iti-flag-offset: -2416px
}

.iti__mw {
    --iti-flag-offset: -2432px
}

.iti__mx {
    --iti-flag-offset: -2448px
}

.iti__my {
    --iti-flag-offset: -2464px
}

.iti__mz {
    --iti-flag-offset: -2480px
}

.iti__na {
    --iti-flag-offset: -2496px
}

.iti__nc {
    --iti-flag-offset: -2512px
}

.iti__ne {
    --iti-flag-offset: -2528px
}

.iti__nf {
    --iti-flag-offset: -2544px
}

.iti__ng {
    --iti-flag-offset: -2560px
}

.iti__ni {
    --iti-flag-offset: -2576px
}

.iti__nl {
    --iti-flag-offset: -2592px
}

.iti__no {
    --iti-flag-offset: -2608px
}

.iti__np {
    --iti-flag-offset: -2624px
}

.iti__nr {
    --iti-flag-offset: -2640px
}

.iti__nu {
    --iti-flag-offset: -2656px
}

.iti__nz {
    --iti-flag-offset: -2672px
}

.iti__om {
    --iti-flag-offset: -2688px
}

.iti__pa {
    --iti-flag-offset: -2704px
}

.iti__pe {
    --iti-flag-offset: -2720px
}

.iti__pf {
    --iti-flag-offset: -2736px
}

.iti__pg {
    --iti-flag-offset: -2752px
}

.iti__ph {
    --iti-flag-offset: -2768px
}

.iti__pk {
    --iti-flag-offset: -2784px
}

.iti__pl {
    --iti-flag-offset: -2800px
}

.iti__pm {
    --iti-flag-offset: -2816px
}

.iti__pr {
    --iti-flag-offset: -2832px
}

.iti__ps {
    --iti-flag-offset: -2848px
}

.iti__pt {
    --iti-flag-offset: -2864px
}

.iti__pw {
    --iti-flag-offset: -2880px
}

.iti__py {
    --iti-flag-offset: -2896px
}

.iti__qa {
    --iti-flag-offset: -2912px
}

.iti__re {
    --iti-flag-offset: -2928px
}

.iti__ro {
    --iti-flag-offset: -2944px
}

.iti__rs {
    --iti-flag-offset: -2960px
}

.iti__ru {
    --iti-flag-offset: -2976px
}

.iti__rw {
    --iti-flag-offset: -2992px
}

.iti__sa {
    --iti-flag-offset: -3008px
}

.iti__sb {
    --iti-flag-offset: -3024px
}

.iti__sc {
    --iti-flag-offset: -3040px
}

.iti__sd {
    --iti-flag-offset: -3056px
}

.iti__se {
    --iti-flag-offset: -3072px
}

.iti__sg {
    --iti-flag-offset: -3088px
}

.iti__sh {
    --iti-flag-offset: -3104px
}

.iti__si {
    --iti-flag-offset: -3120px
}

.iti__sj {
    --iti-flag-offset: -3136px
}

.iti__sk {
    --iti-flag-offset: -3152px
}

.iti__sl {
    --iti-flag-offset: -3168px
}

.iti__sm {
    --iti-flag-offset: -3184px
}

.iti__sn {
    --iti-flag-offset: -3200px
}

.iti__so {
    --iti-flag-offset: -3216px
}

.iti__sr {
    --iti-flag-offset: -3232px
}

.iti__ss {
    --iti-flag-offset: -3248px
}

.iti__st {
    --iti-flag-offset: -3264px
}

.iti__sv {
    --iti-flag-offset: -3280px
}

.iti__sx {
    --iti-flag-offset: -3296px
}

.iti__sy {
    --iti-flag-offset: -3312px
}

.iti__sz {
    --iti-flag-offset: -3328px
}

.iti__tc {
    --iti-flag-offset: -3344px
}

.iti__td {
    --iti-flag-offset: -3360px
}

.iti__tg {
    --iti-flag-offset: -3376px
}

.iti__th {
    --iti-flag-offset: -3392px
}

.iti__tj {
    --iti-flag-offset: -3408px
}

.iti__tk {
    --iti-flag-offset: -3424px
}

.iti__tl {
    --iti-flag-offset: -3440px
}

.iti__tm {
    --iti-flag-offset: -3456px
}

.iti__tn {
    --iti-flag-offset: -3472px
}

.iti__to {
    --iti-flag-offset: -3488px
}

.iti__tr {
    --iti-flag-offset: -3504px
}

.iti__tt {
    --iti-flag-offset: -3520px
}

.iti__tv {
    --iti-flag-offset: -3536px
}

.iti__tw {
    --iti-flag-offset: -3552px
}

.iti__tz {
    --iti-flag-offset: -3568px
}

.iti__ua {
    --iti-flag-offset: -3584px
}

.iti__ug {
    --iti-flag-offset: -3600px
}

.iti__us {
    --iti-flag-offset: -3616px
}

.iti__uy {
    --iti-flag-offset: -3632px
}

.iti__uz {
    --iti-flag-offset: -3648px
}

.iti__va {
    --iti-flag-offset: -3664px
}

.iti__vc {
    --iti-flag-offset: -3680px
}

.iti__ve {
    --iti-flag-offset: -3696px
}

.iti__vg {
    --iti-flag-offset: -3712px
}

.iti__vi {
    --iti-flag-offset: -3728px
}

.iti__vn {
    --iti-flag-offset: -3744px
}

.iti__vu {
    --iti-flag-offset: -3760px
}

.iti__wf {
    --iti-flag-offset: -3776px
}

.iti__ws {
    --iti-flag-offset: -3792px
}

.iti__xk {
    --iti-flag-offset: -3808px
}

.iti__ye {
    --iti-flag-offset: -3824px
}

.iti__yt {
    --iti-flag-offset: -3840px
}

.iti__za {
    --iti-flag-offset: -3856px
}

.iti__zm {
    --iti-flag-offset: -3872px
}

.iti__zw {
    --iti-flag-offset: -3888px
}

.iti__globe {
    background-image: var(--iti-path-globe-1x);
    background-size: contain;
    background-position: right;
    box-shadow: none;
    height: 19px
}

@media (min-resolution: 2x) {
    .iti__flag {
        background-image:var(--iti-path-flags-2x)
    }

    .iti__globe {
        background-image: var(--iti-path-globe-2x)
    }
}

.fib,.fi {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.33333em;
    line-height: 1em;
    flex-shrink: 0;
    flex-grow: 0
}

.fi:before {
    content: "\00a0"
}

.fi.fis {
    width: 1.2em;
    height: 1.2em
}

.fi.fir {
    border-radius: 50%;
    border: 1px solid #d9d9d9
}

.fi-xx {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/xx.svg)
}

.fi-xx.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/xx.svg)
}

.fi-ad {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ad.svg)
}

.fi-ad.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ad.svg)
}

.fi-ae {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ae.svg)
}

.fi-ae.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ae.svg)
}

.fi-af {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/af.svg)
}

.fi-af.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/af.svg)
}

.fi-ag {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ag.svg)
}

.fi-ag.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ag.svg)
}

.fi-ai {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ai.svg)
}

.fi-ai.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ai.svg)
}

.fi-al {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/al.svg)
}

.fi-al.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/al.svg)
}

.fi-am {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/am.svg)
}

.fi-am.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/am.svg)
}

.fi-ao {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ao.svg)
}

.fi-ao.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ao.svg)
}

.fi-aq {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/aq.svg)
}

.fi-aq.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/aq.svg)
}

.fi-ar {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ar.svg)
}

.fi-ar.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ar.svg)
}

.fi-as {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/as.svg)
}

.fi-as.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/as.svg)
}

.fi-at {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/at.svg)
}

.fi-at.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/at.svg)
}

.fi-au {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/au.svg)
}

.fi-au.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/au.svg)
}

.fi-aw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/aw.svg)
}

.fi-aw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/aw.svg)
}

.fi-ax {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ax.svg)
}

.fi-ax.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ax.svg)
}

.fi-az {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/az.svg)
}

.fi-az.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/az.svg)
}

.fi-ba {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ba.svg)
}

.fi-ba.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ba.svg)
}

.fi-bb {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bb.svg)
}

.fi-bb.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bb.svg)
}

.fi-bd {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bd.svg)
}

.fi-bd.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bd.svg)
}

.fi-be {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/be.svg)
}

.fi-be.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/be.svg)
}

.fi-bf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bf.svg)
}

.fi-bf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bf.svg)
}

.fi-bg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bg.svg)
}

.fi-bg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bg.svg)
}

.fi-bh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bh.svg)
}

.fi-bh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bh.svg)
}

.fi-bi {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bi.svg)
}

.fi-bi.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bi.svg)
}

.fi-bj {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bj.svg)
}

.fi-bj.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bj.svg)
}

.fi-bl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bl.svg)
}

.fi-bl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bl.svg)
}

.fi-bm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bm.svg)
}

.fi-bm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bm.svg)
}

.fi-bn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bn.svg)
}

.fi-bn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bn.svg)
}

.fi-bo {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bo.svg)
}

.fi-bo.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bo.svg)
}

.fi-bq {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bq.svg)
}

.fi-bq.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bq.svg)
}

.fi-br {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/br.svg)
}

.fi-br.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/br.svg)
}

.fi-bs {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bs.svg)
}

.fi-bs.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bs.svg)
}

.fi-bt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bt.svg)
}

.fi-bt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bt.svg)
}

.fi-bv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bv.svg)
}

.fi-bv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bv.svg)
}

.fi-bw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bw.svg)
}

.fi-bw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bw.svg)
}

.fi-by {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/by.svg)
}

.fi-by.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/by.svg)
}

.fi-bz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/bz.svg)
}

.fi-bz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/bz.svg)
}

.fi-ca {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ca.svg)
}

.fi-ca.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ca.svg)
}

.fi-cc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cc.svg)
}

.fi-cc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cc.svg)
}

.fi-cd {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cd.svg)
}

.fi-cd.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cd.svg)
}

.fi-cf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cf.svg)
}

.fi-cf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cf.svg)
}

.fi-cg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cg.svg)
}

.fi-cg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cg.svg)
}

.fi-ch {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ch.svg)
}

.fi-ch.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ch.svg)
}

.fi-ci {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ci.svg)
}

.fi-ci.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ci.svg)
}

.fi-ck {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ck.svg)
}

.fi-ck.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ck.svg)
}

.fi-cl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cl.svg)
}

.fi-cl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cl.svg)
}

.fi-cm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cm.svg)
}

.fi-cm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cm.svg)
}

.fi-cn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cn.svg)
}

.fi-cn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cn.svg)
}

.fi-co {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/co.svg)
}

.fi-co.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/co.svg)
}

.fi-cr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cr.svg)
}

.fi-cr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cr.svg)
}

.fi-cu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cu.svg)
}

.fi-cu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cu.svg)
}

.fi-cv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cv.svg)
}

.fi-cv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cv.svg)
}

.fi-cw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cw.svg)
}

.fi-cw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cw.svg)
}

.fi-cx {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cx.svg)
}

.fi-cx.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cx.svg)
}

.fi-cy {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cy.svg)
}

.fi-cy.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cy.svg)
}

.fi-cz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cz.svg)
}

.fi-cz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cz.svg)
}

.fi-de {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/de.svg)
}

.fi-de.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/de.svg)
}

.fi-dj {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/dj.svg)
}

.fi-dj.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/dj.svg)
}

.fi-dk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/dk.svg)
}

.fi-dk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/dk.svg)
}

.fi-dm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/dm.svg)
}

.fi-dm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/dm.svg)
}

.fi-do {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/do.svg)
}

.fi-do.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/do.svg)
}

.fi-dz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/dz.svg)
}

.fi-dz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/dz.svg)
}

.fi-ec {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ec.svg)
}

.fi-ec.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ec.svg)
}

.fi-ee {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ee.svg)
}

.fi-ee.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ee.svg)
}

.fi-eg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/eg.svg)
}

.fi-eg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/eg.svg)
}

.fi-eh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/eh.svg)
}

.fi-eh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/eh.svg)
}

.fi-er {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/er.svg)
}

.fi-er.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/er.svg)
}

.fi-es {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/es.svg)
}

.fi-es.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/es.svg)
}

.fi-et {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/et.svg)
}

.fi-et.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/et.svg)
}

.fi-fi {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fi.svg)
}

.fi-fi.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fi.svg)
}

.fi-fj {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fj.svg)
}

.fi-fj.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fj.svg)
}

.fi-fk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fk.svg)
}

.fi-fk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fk.svg)
}

.fi-fm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fm.svg)
}

.fi-fm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fm.svg)
}

.fi-fo {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fo.svg)
}

.fi-fo.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fo.svg)
}

.fi-fr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/fr.svg)
}

.fi-fr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/fr.svg)
}

.fi-ga {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ga.svg)
}

.fi-ga.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ga.svg)
}

.fi-gb {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gb.svg)
}

.fi-gb.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gb.svg)
}

.fi-gd {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gd.svg)
}

.fi-gd.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gd.svg)
}

.fi-ge {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ge.svg)
}

.fi-ge.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ge.svg)
}

.fi-gf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gf.svg)
}

.fi-gf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gf.svg)
}

.fi-gg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gg.svg)
}

.fi-gg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gg.svg)
}

.fi-gh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gh.svg)
}

.fi-gh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gh.svg)
}

.fi-gi {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gi.svg)
}

.fi-gi.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gi.svg)
}

.fi-gl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gl.svg)
}

.fi-gl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gl.svg)
}

.fi-gm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gm.svg)
}

.fi-gm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gm.svg)
}

.fi-gn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gn.svg)
}

.fi-gn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gn.svg)
}

.fi-gp {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gp.svg)
}

.fi-gp.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gp.svg)
}

.fi-gq {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gq.svg)
}

.fi-gq.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gq.svg)
}

.fi-gr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gr.svg)
}

.fi-gr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gr.svg)
}

.fi-gs {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gs.svg)
}

.fi-gs.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gs.svg)
}

.fi-gt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gt.svg)
}

.fi-gt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gt.svg)
}

.fi-gu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gu.svg)
}

.fi-gu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gu.svg)
}

.fi-gw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gw.svg)
}

.fi-gw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gw.svg)
}

.fi-gy {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gy.svg)
}

.fi-gy.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gy.svg)
}

.fi-hk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/hk.svg)
}

.fi-hk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/hk.svg)
}

.fi-hm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/hm.svg)
}

.fi-hm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/hm.svg)
}

.fi-hn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/hn.svg)
}

.fi-hn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/hn.svg)
}

.fi-hr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/hr.svg)
}

.fi-hr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/hr.svg)
}

.fi-ht {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ht.svg)
}

.fi-ht.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ht.svg)
}

.fi-hu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/hu.svg)
}

.fi-hu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/hu.svg)
}

.fi-id {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/id.svg)
}

.fi-id.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/id.svg)
}

.fi-ie {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ie.svg)
}

.fi-ie.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ie.svg)
}

.fi-il {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/il.svg)
}

.fi-il.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/il.svg)
}

.fi-im {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/im.svg)
}

.fi-im.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/im.svg)
}

.fi-in {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/in.svg)
}

.fi-in.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/in.svg)
}

.fi-io {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/io.svg)
}

.fi-io.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/io.svg)
}

.fi-iq {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/iq.svg)
}

.fi-iq.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/iq.svg)
}

.fi-ir {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ir.svg)
}

.fi-ir.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ir.svg)
}

.fi-is {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/is.svg)
}

.fi-is.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/is.svg)
}

.fi-it {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/it.svg)
}

.fi-it.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/it.svg)
}

.fi-je {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/je.svg)
}

.fi-je.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/je.svg)
}

.fi-jm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/jm.svg)
}

.fi-jm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/jm.svg)
}

.fi-jo {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/jo.svg)
}

.fi-jo.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/jo.svg)
}

.fi-jp {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/jp.svg)
}

.fi-jp.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/jp.svg)
}

.fi-ke {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ke.svg)
}

.fi-ke.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ke.svg)
}

.fi-kg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kg.svg)
}

.fi-kg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kg.svg)
}

.fi-kh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kh.svg)
}

.fi-kh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kh.svg)
}

.fi-ki {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ki.svg)
}

.fi-ki.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ki.svg)
}

.fi-km {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/km.svg)
}

.fi-km.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/km.svg)
}

.fi-kn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kn.svg)
}

.fi-kn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kn.svg)
}

.fi-kp {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kp.svg)
}

.fi-kp.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kp.svg)
}

.fi-kr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kr.svg)
}

.fi-kr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kr.svg)
}

.fi-kw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kw.svg)
}

.fi-kw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kw.svg)
}

.fi-ky {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ky.svg)
}

.fi-ky.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ky.svg)
}

.fi-kz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/kz.svg)
}

.fi-kz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/kz.svg)
}

.fi-la {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/la.svg)
}

.fi-la.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/la.svg)
}

.fi-lb {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lb.svg)
}

.fi-lb.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lb.svg)
}

.fi-lc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lc.svg)
}

.fi-lc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lc.svg)
}

.fi-li {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/li.svg)
}

.fi-li.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/li.svg)
}

.fi-lk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lk.svg)
}

.fi-lk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lk.svg)
}

.fi-lr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lr.svg)
}

.fi-lr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lr.svg)
}

.fi-ls {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ls.svg)
}

.fi-ls.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ls.svg)
}

.fi-lt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lt.svg)
}

.fi-lt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lt.svg)
}

.fi-lu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lu.svg)
}

.fi-lu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lu.svg)
}

.fi-lv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/lv.svg)
}

.fi-lv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/lv.svg)
}

.fi-ly {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ly.svg)
}

.fi-ly.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ly.svg)
}

.fi-ma {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ma.svg)
}

.fi-ma.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ma.svg)
}

.fi-mc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mc.svg)
}

.fi-mc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mc.svg)
}

.fi-md {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/md.svg)
}

.fi-md.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/md.svg)
}

.fi-me {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/me.svg)
}

.fi-me.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/me.svg)
}

.fi-mf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mf.svg)
}

.fi-mf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mf.svg)
}

.fi-mg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mg.svg)
}

.fi-mg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mg.svg)
}

.fi-mh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mh.svg)
}

.fi-mh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mh.svg)
}

.fi-mk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mk.svg)
}

.fi-mk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mk.svg)
}

.fi-ml {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ml.svg)
}

.fi-ml.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ml.svg)
}

.fi-mm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mm.svg)
}

.fi-mm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mm.svg)
}

.fi-mn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mn.svg)
}

.fi-mn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mn.svg)
}

.fi-mo {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mo.svg)
}

.fi-mo.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mo.svg)
}

.fi-mp {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mp.svg)
}

.fi-mp.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mp.svg)
}

.fi-mq {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mq.svg)
}

.fi-mq.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mq.svg)
}

.fi-mr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mr.svg)
}

.fi-mr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mr.svg)
}

.fi-ms {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ms.svg)
}

.fi-ms.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ms.svg)
}

.fi-mt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mt.svg)
}

.fi-mt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mt.svg)
}

.fi-mu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mu.svg)
}

.fi-mu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mu.svg)
}

.fi-mv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mv.svg)
}

.fi-mv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mv.svg)
}

.fi-mw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mw.svg)
}

.fi-mw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mw.svg)
}

.fi-mx {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mx.svg)
}

.fi-mx.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mx.svg)
}

.fi-my {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/my.svg)
}

.fi-my.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/my.svg)
}

.fi-mz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/mz.svg)
}

.fi-mz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/mz.svg)
}

.fi-na {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/na.svg)
}

.fi-na.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/na.svg)
}

.fi-nc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nc.svg)
}

.fi-nc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nc.svg)
}

.fi-ne {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ne.svg)
}

.fi-ne.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ne.svg)
}

.fi-nf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nf.svg)
}

.fi-nf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nf.svg)
}

.fi-ng {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ng.svg)
}

.fi-ng.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ng.svg)
}

.fi-ni {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ni.svg)
}

.fi-ni.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ni.svg)
}

.fi-nl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nl.svg)
}

.fi-nl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nl.svg)
}

.fi-no {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/no.svg)
}

.fi-no.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/no.svg)
}

.fi-np {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/np.svg)
}

.fi-np.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/np.svg)
}

.fi-nr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nr.svg)
}

.fi-nr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nr.svg)
}

.fi-nu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nu.svg)
}

.fi-nu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nu.svg)
}

.fi-nz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/nz.svg)
}

.fi-nz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/nz.svg)
}

.fi-om {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/om.svg)
}

.fi-om.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/om.svg)
}

.fi-pa {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pa.svg)
}

.fi-pa.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pa.svg)
}

.fi-pe {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pe.svg)
}

.fi-pe.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pe.svg)
}

.fi-pf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pf.svg)
}

.fi-pf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pf.svg)
}

.fi-pg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pg.svg)
}

.fi-pg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pg.svg)
}

.fi-ph {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ph.svg)
}

.fi-ph.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ph.svg)
}

.fi-pk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pk.svg)
}

.fi-pk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pk.svg)
}

.fi-pl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pl.svg)
}

.fi-pl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pl.svg)
}

.fi-pm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pm.svg)
}

.fi-pm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pm.svg)
}

.fi-pn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pn.svg)
}

.fi-pn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pn.svg)
}

.fi-pr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pr.svg)
}

.fi-pr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pr.svg)
}

.fi-ps {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ps.svg)
}

.fi-ps.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ps.svg)
}

.fi-pt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pt.svg)
}

.fi-pt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pt.svg)
}

.fi-pw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pw.svg)
}

.fi-pw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pw.svg)
}

.fi-py {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/py.svg)
}

.fi-py.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/py.svg)
}

.fi-qa {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/qa.svg)
}

.fi-qa.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/qa.svg)
}

.fi-re {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/re.svg)
}

.fi-re.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/re.svg)
}

.fi-ro {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ro.svg)
}

.fi-ro.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ro.svg)
}

.fi-rs {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/rs.svg)
}

.fi-rs.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/rs.svg)
}

.fi-ru {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ru.svg)
}

.fi-ru.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ru.svg)
}

.fi-rw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/rw.svg)
}

.fi-rw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/rw.svg)
}

.fi-sa {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sa.svg)
}

.fi-sa.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sa.svg)
}

.fi-sb {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sb.svg)
}

.fi-sb.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sb.svg)
}

.fi-sc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sc.svg)
}

.fi-sc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sc.svg)
}

.fi-sd {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sd.svg)
}

.fi-sd.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sd.svg)
}

.fi-se {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/se.svg)
}

.fi-se.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/se.svg)
}

.fi-sg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sg.svg)
}

.fi-sg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sg.svg)
}

.fi-sh {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sh.svg)
}

.fi-sh.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sh.svg)
}

.fi-si {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/si.svg)
}

.fi-si.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/si.svg)
}

.fi-sj {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sj.svg)
}

.fi-sj.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sj.svg)
}

.fi-sk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sk.svg)
}

.fi-sk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sk.svg)
}

.fi-sl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sl.svg)
}

.fi-sl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sl.svg)
}

.fi-sm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sm.svg)
}

.fi-sm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sm.svg)
}

.fi-sn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sn.svg)
}

.fi-sn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sn.svg)
}

.fi-so {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/so.svg)
}

.fi-so.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/so.svg)
}

.fi-sr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sr.svg)
}

.fi-sr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sr.svg)
}

.fi-ss {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ss.svg)
}

.fi-ss.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ss.svg)
}

.fi-st {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/st.svg)
}

.fi-st.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/st.svg)
}

.fi-sv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sv.svg)
}

.fi-sv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sv.svg)
}

.fi-sx {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sx.svg)
}

.fi-sx.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sx.svg)
}

.fi-sy {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sy.svg)
}

.fi-sy.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sy.svg)
}

.fi-sz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sz.svg)
}

.fi-sz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sz.svg)
}

.fi-tc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tc.svg)
}

.fi-tc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tc.svg)
}

.fi-td {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/td.svg)
}

.fi-td.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/td.svg)
}

.fi-tf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tf.svg)
}

.fi-tf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tf.svg)
}

.fi-tg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tg.svg)
}

.fi-tg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tg.svg)
}

.fi-th {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/th.svg)
}

.fi-th.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/th.svg)
}

.fi-tj {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tj.svg)
}

.fi-tj.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tj.svg)
}

.fi-tk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tk.svg)
}

.fi-tk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tk.svg)
}

.fi-tl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tl.svg)
}

.fi-tl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tl.svg)
}

.fi-tm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tm.svg)
}

.fi-tm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tm.svg)
}

.fi-tn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tn.svg)
}

.fi-tn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tn.svg)
}

.fi-to {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/to.svg)
}

.fi-to.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/to.svg)
}

.fi-tr {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tr.svg)
}

.fi-tr.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tr.svg)
}

.fi-tt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tt.svg)
}

.fi-tt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tt.svg)
}

.fi-tv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tv.svg)
}

.fi-tv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tv.svg)
}

.fi-tw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tw.svg)
}

.fi-tw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tw.svg)
}

.fi-tz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/tz.svg)
}

.fi-tz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/tz.svg)
}

.fi-ua {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ua.svg)
}

.fi-ua.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ua.svg)
}

.fi-ug {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ug.svg)
}

.fi-ug.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ug.svg)
}

.fi-um {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/um.svg)
}

.fi-um.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/um.svg)
}

.fi-us {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/us.svg)
}

.fi-us.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/us.svg)
}

.fi-uy {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/uy.svg)
}

.fi-uy.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/uy.svg)
}

.fi-uz {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/uz.svg)
}

.fi-uz.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/uz.svg)
}

.fi-va {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/va.svg)
}

.fi-va.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/va.svg)
}

.fi-vc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/vc.svg)
}

.fi-vc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/vc.svg)
}

.fi-ve {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ve.svg)
}

.fi-ve.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ve.svg)
}

.fi-vg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/vg.svg)
}

.fi-vg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/vg.svg)
}

.fi-vi {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/vi.svg)
}

.fi-vi.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/vi.svg)
}

.fi-vn {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/vn.svg)
}

.fi-vn.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/vn.svg)
}

.fi-vu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/vu.svg)
}

.fi-vu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/vu.svg)
}

.fi-wf {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/wf.svg)
}

.fi-wf.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/wf.svg)
}

.fi-ws {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ws.svg)
}

.fi-ws.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ws.svg)
}

.fi-yc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/yc.svg)
}

.fi-yc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/yc.svg)
}

.fi-ye {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ye.svg)
}

.fi-ye.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ye.svg)
}

.fi-yt {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/yt.svg)
}

.fi-yt.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/yt.svg)
}

.fi-za {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/za.svg)
}

.fi-za.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/za.svg)
}

.fi-zm {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/zm.svg)
}

.fi-zm.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/zm.svg)
}

.fi-zw {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/zw.svg)
}

.fi-zw.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/zw.svg)
}

.fi-arab {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/arab.svg)
}

.fi-arab.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/arab.svg)
}

.fi-cefta {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cefta.svg)
}

.fi-cefta.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cefta.svg)
}

.fi-cp {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/cp.svg)
}

.fi-cp.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/cp.svg)
}

.fi-dg {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/dg.svg)
}

.fi-dg.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/dg.svg)
}

.fi-eac {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/eac.svg)
}

.fi-eac.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/eac.svg)
}

.fi-es-ct {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/es-ct.svg)
}

.fi-es-ct.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/es-ct.svg)
}

.fi-es-ga {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/es-ga.svg)
}

.fi-es-ga.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/es-ga.svg)
}

.fi-es-pv {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/es-pv.svg)
}

.fi-es-pv.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/es-pv.svg)
}

.fi-eu {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/eu.svg)
}

.fi-eu.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/eu.svg)
}

.fi-gb-eng {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gb-eng.svg)
}

.fi-gb-eng.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gb-eng.svg)
}

.fi-gb-nir {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gb-nir.svg)
}

.fi-gb-nir.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gb-nir.svg)
}

.fi-gb-sct {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gb-sct.svg)
}

.fi-gb-sct.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gb-sct.svg)
}

.fi-gb-wls {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/gb-wls.svg)
}

.fi-gb-wls.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/gb-wls.svg)
}

.fi-ic {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/ic.svg)
}

.fi-ic.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/ic.svg)
}

.fi-pc {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/pc.svg)
}

.fi-pc.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/pc.svg)
}

.fi-sh-ac {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sh-ac.svg)
}

.fi-sh-ac.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sh-ac.svg)
}

.fi-sh-hl {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sh-hl.svg)
}

.fi-sh-hl.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sh-hl.svg)
}

.fi-sh-ta {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/sh-ta.svg)
}

.fi-sh-ta.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/sh-ta.svg)
}

.fi-un {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/un.svg)
}

.fi-un.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/un.svg)
}

.fi-xk {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/xk.svg)
}

.fi-xk.fis {
    background-image: url(https://ddasf3j8zb8ok.cloudfront.net/new-website/images/flags/1x1/xk.svg)
}

.splide {
    display: grid
}

.splide__arrow svg {
    width: .75rem !important;
    height: .75rem !important
}

.splide__arrow--prev {
    left: 1.25rem !important
}

.splide__arrow--next {
    right: 1.5rem !important
}

.splide__pagination {
    position: relative !important;
    margin-top: 1.875rem !important;
    gap: .3125rem
}

.splide__pagination button {
    display: block;
    padding: 0;
    margin: 0;
    background-color: rgba(18,18,18,0.25);
    border: 0 none;
    width: .4375rem;
    height: .4375rem;
    aspect-ratio: 1;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.splide__pagination button.is-active {
    background-color: #FCDB00;
    width: 1rem;
    border-radius: .5rem;
    transform: scale(1) !important
}

.splide-video {
    height: 100%
}

.splide-video .splide__arrows {
    position: absolute;
    height: 100%;
    width: 100%
}

.splide-video .splide__pagination {
    position: absolute !important
}

.splide-video .splide__pagination button {
    background-color: rgba(255,255,255,0.8)
}

.splide-video .splide__pagination button.is-active {
    background-color: #FCDB00;
    opacity: 1
}

.splide-video .splide__track {
    padding-right: 0 !important
}

@media all and (max-width: 68.6875em) {
    .splide__track {
        padding-right:3.125rem !important
    }
}

@media all and (max-width: 54.3125em) {
    .splide__track {
        padding-right:1.875rem !important
    }
}