@charset "UTF-8";

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.ttf") format("truetype"),
        url("../fonts/icomoon.woff") format("woff");
    /* url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../fonts/icomoon.svg?5jw4ib#icomoon) format("svg"); */
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    /* speak: never; */
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* @font-face {
  font-family: "Queens";
  src: url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../fonts/Queens-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
} */

/* @font-face {
  font-family: "Queens";
  src: url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../fonts/Queens-ExBold.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
} */

@font-face {
    font-family: "Queens";
    src: url("../fonts/queens/Queens-Light.woff") format("woff");

    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: "Queens";
    src: url("../fonts/queens/Queens-Regular.woff") format("woff");

    font-weight: 400;
    font-style: normal;
    font-display: auto;
    unicode-range: U+000-5FF;
}

/* @font-face {
  font-family: "Queens";
  src: url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../fonts/Queens-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
} */

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

@font-face {
    font-family: "Calibre";
    src: url("../fonts/calibre/Calibre-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: "Walsheim";
    src: url("../fonts/walsheim/69a3e8519bc48631-s.p.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Walsheim";
    src: url("../fonts/walsheim/69a3e8519bc48631-s.p.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    /* transition-duration: var(--transition-duration); */
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

:root {
    --body-bg-color: #f5f5f5;
    --font-color-dark: #121212;
    --font-color-light: #f5f5f5;
    --border-radius: 8px;
    --section-top-margin: 20px;
    --section-bottom-margin: 20px;
    --section-padding-top: 20px;
    --section-padding-bottom: 20px;
    --transition-duration: 0.35s;
    --color-orange: #ffc425;
    --color-orange-dark: #cb9b17;

    --brand-purple: #4d3185;
    --brand-purple-50: #efeeff;
    --brand-purple-100: #e2e0ff;
    --brand-purple-200: #cec8fd;
    --brand-purple-300: #b0a6fb;
    --brand-purple-400: #9b83f6;
    --brand-purple-500: #8b65ef;
    --brand-purple-600: #7f48e3;
    --brand-purple-700: #6f3ac8;
    --brand-purple-800: #5932a1;
    --brand-purple-900: #4d3185;
    --brand-purple-950: #2d1c4a;
}

html {
    font-family: "Walsheim", sans-serif;
    font-family: "Queens", sans-serif;
    font-feature-settings: normal;
    transition: -webkit-filter 300ms linear;
    -webkit-transition: -webkit-filter 300ms linear;
    -moz-transition: -webkit-filter 300ms linear;
    -ms-transition: -webkit-filter 300ms linear;
    -o-transition: -webkit-filter 300ms linear;
    scroll-behavior: smooth;
}

html.desktop-version {
    margin-top: 0 !important;
}

body {
    min-height: 100vh;
    background-color: var(--body-bg-color);
    overflow-x: hidden;
    font-family: "Walsheim", sans-serif;
    font-family: "Queens", sans-serif;
    /* font-family: "Calibre",sans-serif; */
    border: 0;
    outline: 0;
}

/* HELPER CLASSES */

.hyp_section_margin_top {
    margin-top: var(--section-margin-top);
}

.hyp_section_margin_bottom {
    margin-bottom: var(--section-margin-bottom);
}

.hyp_section_padding_top {
    padding-top: var(--section-padding-top);
}

.hyp_section_padding_bottom {
    padding-bottom: var(--section-padding-bottom);
}

.blue-btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #4d3185;
    border-radius: 50px;
    color: whitesmoke;
    margin-top: 0.75rem;
    font-weight: 600;
    font-size: 1.25rem;
}

.blue-btn:hover {
    color: #ffffff;
    opacity: 0.8;
}

.font_Calibre {
    font-family: "Calibre", sans-serif !important;
}

.font_Queens {
    font-family: "Queens", sans-serif !important;
}

body .ia-white {
    color: #fff !important;
}

body .ia-light {
    font-weight: 300 !important;
}

menu,
ol,
ul {
    list-style: none;
    margin: 0 !important;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    width: auto;
    object-fit: cover;
}

/* any tag with mailto */
a[href^="mailto"]:hover,
a[href^="tel"]:hover,
a:hover {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* flat button css */
.flat-button {
    background-color: var(--brand-purple-500);
    color: whitesmoke;
    padding: 0.625em 1.25em;
    border: none;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.flat-button:hover {
    background-color: var(--brand-purple-600);
    color: white;
}

.flat-button:active {
    background-color: var(--brand-purple-700);
    color: whitesmoke;
}

.flat-button:focus {
    outline: 2px solid var(--brand-purple-950);
}

.flat-button:active:hover {
    background-color: var(--brand-purple-600);
    color: white;
}

.flat-button:disabled {
    background-color: var(--brand-purple-100);
    color: var(--brand-purple-400);
    /* cursor: not-allowed; */
}

header a {
    text-decoration: none !important;
}

.svglogo {
    padding: 5%;
}

.z_9 {
    z-index: 9;
}

.hyp_transition-colors {
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.hyp_nav-bg {
    background: rgba(235, 254, 232, 0.15);
    background: #ffc425;
    background: #ffffff;
    box-shadow: 0 1px 5px -1px rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition-duration: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}

.nav-routes {
    display: none;
}

.hyp_header {
    z-index: 99;
}

.header-container {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    max-width: 1440px;
    /* padding: 0 1.875rem; */
}

.header-container {
    max-width: 1320px;
    width: 100%;
    margin-inline: auto;
    padding-inline: 16px;
    /* padding-inline: 32px; */
}

.header-container a:hover {
    text-decoration: none;
}

.hyp_header .hyp_header-ul {
    z-index: 9;
    background-color: transparent;
}

.arrow-down {
    rotate: 180deg;
    margin-left: 0.5rem;
    height: 8px;
    width: 10px;
    fill: #14263a;
    transition: all var(--transition-duration)
        cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    -webkit-transition: all var(--transition-duration)
        cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    -moz-transition: all var(--transition-duration)
        cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    -ms-transition: all var(--transition-duration)
        cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    -o-transition: all var(--transition-duration)
        cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}

.hyp_logo-container {
    max-width: 80px;
    aspect-ratio: 1/1;
    width: 100%;
    background: transparent;
}

.hyp_nav-link.active {
    font-weight: 900;
}

.nav-routes .hyp_nav-link > span:not(.active),
.nav-routes .hyp_nav-link > span:not(.active) .arrow-down {
    color: #14263a;
    margin-left: 0.5rem;
    opacity: 0.75;
    transition-delay: 0.3s;
    transition-duration: 0.2s;
}

.nav-routes .hyp_nav-link > span:not(.active):hover,
.nav-routes .hyp_nav-link > span:not(.active):hover .arrow-down {
    opacity: 1;
}

.nav_underline {
    height: 1.75px;
    background-color: #fd556d;
}

.arrow-down.rotate-180 + span {
    opacity: 1 !important;
}

.hyp_header-ul li:hover {
    cursor: pointer;
}

.hyp_header-ul li + li {
    margin-left: 40px;
    position: relative;
}

.hyp_call-us {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    /* background-color: rgba(234, 228, 228, 0.85); */
    background-color: #ffffff;
    outline: 1px solid rgb(0, 0, 0);
    color: black;
}

.hyp_call-us:hover {
    background-color: rgb(234, 228, 228);
    transition-duration: var(--transition-duration);
}

.hyp_header-megamenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6.5rem 3.5rem 3rem 3.5rem;
    z-index: 1;
    background-color: #f0fff0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    transition: visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    -webkit-transition: visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    -moz-transition: visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    -ms-transition: visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    -o-transition: visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        opacity 1s cubic-bezier(0.4, 0, 0.2, 1) 0.35s,
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}

.rotate-180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.hyp_header-megamenu.visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.rotate-0 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.hyp_page-sec-list {
    position: absolute;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -moz-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -ms-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

.hyp_header
    .nav-routes
    .hyp_nav-link.hyp_menu-down-ele
    > span
    > span.active:hover
    .hyp_page-sec-list {
    top: 0%;
    opacity: 1;
}

.sec-list {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease-in 0.35s, opacity 0.3s ease-in 0.35s;
    -webkit-transition: transform 0.3s ease-in 0.35s, opacity 0.3s ease-in 0.35s;
    -moz-transition: transform 0.3s ease-in 0.35s, opacity 0.3s ease-in 0.35s;
    -ms-transition: transform 0.3s ease-in 0.35s, opacity 0.3s ease-in 0.35s;
    -o-transition: transform 0.3s ease-in 0.35s, opacity 0.3s ease-in 0.35s;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
}

.sec-list a {
    display: block;
}

.sec-list a:hover li {
    opacity: 0.5;
}

.sec-list a:hover li {
    opacity: 0.5;
}

.sec-list a li small,
.sec-list a li small small {
    font-family: "Calibre", sans-serif;
    display: inline-block;
    transition: color 3s, text-decoration 3s;
    -webkit-transition: color 3s, text-decoration 3s;
    -moz-transition: color 3s, text-decoration 3s;
    -ms-transition: color 3s, text-decoration 3s;
    -o-transition: color 3s, text-decoration 3s;
}

.sec-list a li:hover small,
.sec-list a li:hover small small {
    color: #14263a;
    text-decoration: none;
}

@keyframes slide-in-reverse {
    from {
        opacity: 0;
        transform: translateX(calc(100% + 50px));
        -webkit-transform: translateX(calc(100% + 50px));
        -moz-transform: translateX(calc(100% + 50px));
        -ms-transform: translateX(calc(100% + 50px));
        -o-transform: translateX(calc(100% + 50px));
    }

    to {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.animateFromRight {
    animation: slide-in-reverse 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    -webkit-animation: slide-in-reverse 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
}

.sec-list.active {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}

.hyp_start,
.hyp_middle,
.hyp_right {
    transition: transform 0.5s linear 0.35s, opacity 0.5s linear;
    -webkit-transition: transform 0.5s linear 0.35s, opacity 0.5s linear;
    -moz-transition: transform 0.5s linear 0.35s, opacity 0.5s linear;
    -ms-transition: transform 0.5s linear 0.35s, opacity 0.5s linear;
    -o-transition: transform 0.5s linear 0.35s, opacity 0.5s linear;
}

.hyp_start {
    opacity: 0;
    max-width: 324px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -webkit-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -moz-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -ms-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -o-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
}

.hyp_middle {
    width: 130px;
    opacity: 0;
    position: relative;
    transition: transform 1.5s ease-out 0.5s, opacity 1s ease-out !important;
    -webkit-transition: transform 1.5s ease-out 0.5s, opacity 1s ease-out !important;
    -moz-transition: transform 1.5s ease-out 0.5s, opacity 1s ease-out !important;
    -ms-transition: transform 1.5s ease-out 0.5s, opacity 1s ease-out !important;
    -o-transition: transform 1.5s ease-out 0.5s, opacity 1s ease-out !important;
}

.hyp_right {
    opacity: 0;
    width: 320px;
    padding: 2rem;
    border-radius: 10px;
    background-color: #e0f3df8a;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -webkit-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -moz-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -ms-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
    -o-transition: transform 0.7s ease-out 0.25s, opacity 0.35s linear 0s;
}

.hyp_header-megamenu.visible .hyp_start,
.hyp_header-megamenu.visible .hyp_middle,
.hyp_header-megamenu.visible .hyp_right {
    opacity: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}

.menu-btn-1 {
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: relative;
}

.menu-btn-1 span,
.menu-btn-1 span::before,
.menu-btn-1 span::after {
    background: white;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    /* margin-top: 8px; */
    top: 50%;
    left: 0;
    transition: 0.3s cubic-bezier(0.55, -0.47, 0.48, 1.63);
    -webkit-transition: 0.3s cubic-bezier(0.55, -0.47, 0.48, 1.63);
    -moz-transition: 0.3s cubic-bezier(0.55, -0.47, 0.48, 1.63);
    -o-transition: 0.3s cubic-bezier(0.55, -0.47, 0.48, 1.63);
    -ms-transition: 0.3s cubic-bezier(0.55, -0.47, 0.48, 1.63);
}

.menu-btn-1 span::before {
    margin-top: -8px;
}

.menu-btn-1 span::after {
    margin-top: 7px;
}

.menu-btn-1.active span {
    background: transparent;
}

.menu-btn-1.active span::before {
    margin-top: 0;
    background-color: var(--font-color-dark);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-btn-1.active span::after {
    margin-top: 0;
    background-color: var(--font-color-dark);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@keyframes slideIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hyp_header-mob {
    background-color: #1c8ad4;
    background-color: var(--brand-purple-600);
}

.trigger-offcanvas {
    z-index: 9;
    border: 0;
    background: none;
    outline: none;
    padding: 0;
}

.hyp_header-scroll-bg {
    background-color: var(--brand-purple-50);
    background-color: #ffc425;
    background-color: #ffffff;
    height: 0;
}

.hyp_header-mob-ul li {
    border-bottom: 1px solid #1c8ad4;
    border-bottom: 1px solid var(--brand-purple-400);
    font-weight: 200;
    opacity: 0;
    -webkit-animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.35s;
    animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.35s;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.hyp_header-mob-ul li:nth-child(1) {
    animation-delay: 0.35s;
}

.hyp_header-mob-ul li:nth-child(2) {
    animation-delay: 0.4s;
}

.hyp_header-mob-ul li:nth-child(3) {
    animation-delay: 0.46s;
}

.hyp_header-mob-ul li:nth-child(4) {
    animation-delay: 0.52s;
}

.hyp_header-mob-ul li:nth-child(5) {
    animation-delay: 0.58s;
}

.hyp_header-mob-ul li:nth-child(6) {
    animation-delay: 0.63s;
}

.hyp_header-mob-ul li:nth-child(7) {
    animation-delay: 0.7s;
}

.hyp_header-mob-ul li:nth-child(8) {
    animation-delay: 0.8s;
}

.hyp_header-mob-ul li:nth-child(9) {
    animation-delay: 0.9s;
}

.hyp_header-mob-ul li:nth-child(10) {
    animation-delay: 1s;
}

.hyp_mob-offcanvas {
    min-height: 100dvh !important;
    z-index: 1;
    overflow: hidden;
    background-color: #ebfee8;
    transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out 0s;
    -webkit-transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out 0s;
    -moz-transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out 0s;
    -ms-transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out 0s;
    -o-transition: transform 0.3s ease-in-out, opacity 0.1s ease-in-out 0s;
}

.hyp_mob-offcanvas.show {
    opacity: 1;
    height: 100%;
}

.hyp_mob-offcanvas.show .hyp_header-mob-ul li {
    animation-play-state: running;
}

.hyp_call-us-mob {
    padding: 0.25rem 1.5rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-color: rgb(235, 254, 232);
    background-color: transparent;
    border: 1px solid rgb(235, 254, 232);
    color: white;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: auto;
}

.hyp_mob-enquiry {
    line-height: 1.6;
    padding: 10px 24px;
    line-height: 1;
    background-color: rgb(20 38 58 / 1);
}

/* .hyp_social-list_mob li+li {
  margin-left: 8px;
} */

.hyp_social-list_mob li a {
    background-color: #4d3185;
    display: inline-block;
    width: 24px;
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hyp_social-list_mob li a svg {
    height: 12px;
    width: 12px;
    fill: whitesmoke;
}

body.fade-out {
    animation: fadeOut 1s forwards;
    -webkit-animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

/* END OF HEADER */

/* START OF FOOTER */

.hyp_footer {
    position: relative;
}

/* .hyp_footer::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url(web/webassets/images/footer-after.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: 720px;
  content: "";
  pointer-events: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform-origin: right;
} */

.hyp_footer-socialsContacts {
    display: flex;
    align-items: stretch;
}

.hyp_footer-socials {
    /* width: 65%; */
    width: 100%;
    justify-content: center;
    padding: 44px;
    display: flex;
    align-items: center;
    gap: 48px;
    background-color: var(--brand-purple);
}

.hyp_footer-socials .hyp_social-list_mob {
    gap: 24px;
}

.hyp_footer-socials .hyp_social-list_mob li a {
    background-color: transparent;
}

.hyp_footer-socials-list .hyp_social-list_mob li a svg {
    height: 24px;
    width: 24px;
}

.hyp_social-list_mob li:hover a svg {
    fill: var(--color-orange);
    transition: var(--transition-duration);
    -webkit-transition: var(--transition-duration);
    -moz-transition: var(--transition-duration);
    -ms-transition: var(--transition-duration);
    -o-transition: var(--transition-duration);
}

.hyp_footer-socials h4 {
    font-weight: 800;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #ffffff;
}

.hyp_footer-contacts {
    width: 35%;
    padding: 44px;
    text-align: center;
    background-color: #d4f1f5;
    background-color: var(--brand-purple-50);
}

.hyp_footer-contacts a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.hyp_footer-contacts a i {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 55px;
    border-radius: 50%;
    border: 1px solid #05304b36;
    border: 1px solid #4d318536;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.hyp_footer-contacts a:hover i {
    color: #ffffff;
    background-color: var(--color-orange);
    border: none;
    transition-duration: var(--transition-duration);
}

.hyp_footer-contacts a:hover span {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition-duration: var(--transition-duration);
}

.hyp_footer-contacts a span {
    font-weight: 700;
    font-size: 1.25rem;
    /* color: #05304B; */
}

.hyp_footer-primary {
    background-color: var(--brand-purple-600);
    color: #ffffff;
}

.hyp_footer-primary-container {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
    max-width: 1440px;
}

.hyp_footer-menu {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
}

.hyp_footer-menu + .hyp_footer-menu {
    margin-top: 60px;
}

.hyp_footer-menu-item {
    /* width: 33.333333%; */
}

.hyp_footer-details {
    padding: 50px 0;
}

.hyp_footer-menu-item .title {
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 800;
    margin: 0 0 16px;
}

small {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
}

.hyp_footer-menu-item .link {
    /* font-size: .875rem; */
    /* font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: table;
  overflow-wrap: anywhere; */
}

.hyp_footer-menu-item .text {
    margin: 6px 0 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
}

.hyp_footer-menu-item .map {
    display: inline-flex;
    gap: 12px;
    align-items: center;
}

.hyp_footer-menu-item .map:hover div {
    background-color: var(--color-orange);
}

.hyp_footer-menu-item .map div {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: transparent;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.hyp_footer-menu-item .map div i {
    font-size: 10px;
}

.hyp_footer-menu-item .map span {
    font-size: 1rem;
}

footer .hyp_social-list_mob {
    gap: 24px;
}

footer .hyp_social-list_mob li a svg {
    height: 24px;
    width: 24px;
}

footer .hyp_social-list_mob li a {
    background-color: transparent;
    display: inline-block;
    width: 24px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
}

.link + .link {
    margin-top: 6px;
    display: block;
}

.hyp_footer-legal {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 22px 0 22px;
}

.hyp_footer-legal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 60px;
    align-items: center;
}

.hyp_footer-legal-link {
    /* line-height: .875rem; */
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hyp_footer-legal-link:last-child {
    margin-left: auto;
}

/* added footer css */

.hyp_footer-menu-item .title {
    line-height: 1.25rem;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 800;
    margin: 0 0 16px;
}

.hyp_footer-menu-item .link {
    font-size: 1rem;
    font-weight: 400;
    /* line-height: 1.125rem; */
    display: table;
    overflow-wrap: anywhere;
}

.single-box ul {
    list-style: none;
    padding: 0;
}

#emailForm .newsletter-input {
    font-size: 1.125rem !important;
    color: white !important;
    background-color: transparent !important;
    border: 1px solid #fff;
    padding: 8px !important;
    height: auto;
}

.newsletter-input::placeholder {
    color: #ffffff;
}

.newsletter-input:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #fff;
}

.error-message {
    color: #fff !important;
}

#submit-button {
    background: #ffc425;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.privacy-links {
    display: flex;
    gap: 1rem;
}

@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .privacy-links {
        margin-top: 10px;
        justify-content: center;
    }
}

/* END OF FOOTER */

.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.front-hero {
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #fbf6ef;
}

.front-hero .inner .d1 span svg {
    width: 100%;
}

/* .front-hero.moved {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1" height="1"></svg>'), move
} */

.hidden {
    position: absolute !important;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.front-hero__btn {
    position: absolute;
    left: 70%;
    top: 40%;
    z-index: 97;
    pointer-events: none;
    transition: transform 0.5s;
}

.front-hero__first {
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
}

.inner {
    max-width: 1360px;
    width: 100%;
    padding: 0 1.875rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.front-hero-btn {
    max-width: 1360px;
    /* width: 100%; */
    padding: 0 1.875rem;
    margin: 0 auto;
}

.front-hero .inner {
    position: relative;
    z-index: 10;
    margin-top: 12.5rem;
    /* margin-bottom: 8.125rem; */
    box-sizing: border-box;
    min-height: calc(100% - 20.625rem);
}

.front-hero .inner .d1 span {
    position: relative;
    display: inline-block;
}

.front-hero .inner .d1 span em {
    width: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -40%);
    z-index: -1;
    pointer-events: none;
}

svg {
    max-width: 100%;
    height: auto;
}

.front-hero .inner .d1 span svg {
    width: 100%;
}

.front-hero__over {
    width: 22vw;
    height: 22vw;
    position: absolute;
    overflow: hidden;
    bottom: -5vh;
    left: 39vw;
    will-change: transform;
    border-radius: 50%;
    transition: width 2s, height 2s, left 2s, bottom 2s, border-radius 1s 1.5s;
    z-index: 10;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.intro-animation-start .front-hero__over {
    width: 150vw;
    height: 150vw;
    left: -25vw;
    bottom: -50vh;
    border-radius: 0;
}

.front-hero__over-in {
    position: absolute;
    left: -39vw;
    bottom: 5vh;
    width: 100vw;
    height: 100vh;
    transition: width 2s, height 2s, left 2s, bottom 2s;
    will-change: transform;
}

.intro-animation-start .front-hero__over-in {
    bottom: 50vh;
    left: 25vw;
}

.front-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.front-hero__bg:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.lazyloaded {
    opacity: 1;
    transition-delay: 0ms;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -o-transition: opacity 400ms;
}

.ia-btn {
    background: #ffc425;
    font-family: "Calibre", sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    color: #000;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1.2px solid #000;
    padding: 0;
    cursor: pointer;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
    transition: color 0.35s, border 0.35s;
    -webkit-transition: color 0.35s, border 0.35s;
    -moz-transition: color 0.35s, border 0.35s;
    -ms-transition: color 0.35s, border 0.35s;
    -o-transition: color 0.35s, border 0.35s;
}

.ia-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    height: 0;
    right: 0;
    background: #000;
    transition: height 0.2s;
}

.ia-btn--media {
    border-color: #fff;
    color: #fff;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0.35);
}

.ia-btn--small {
    font-size: 1.25rem;
}

/* .front-hero .ia-btn--media {
   position: absolute;
   left: calc((100vw - 1300px)/2); 
  left: calc((100vw - 1000px)/2); 
  bottom: 1.875rem;
  opacity: 0;
  transition: color .35s, border .35s, opacity .35s 1s; 
} */
.front-hero .ia-btn--media {
    position: absolute;
    /* margin-left: 8.75rem; */
    bottom: 1.875rem;
    opacity: 0;
    transition: color 0.35s, border 0.35s, opacity 0.35s 1s;
}

/* @media (max-width: 1400px) {
  .front-hero .ia-btn--media {
    margin-bottom: 30px;
  }
} */

.intro-animation-start .front-hero .ia-btn--media {
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.875rem !important;
    font-weight: 500;
    font-family: "Queens", sans-serif;
}

h2 {
    font-size: 2rem;
}

h4 {
    font-size: 1.625rem;
}

body .d1,
body .d2,
body .d3,
body .d4,
body .d5,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
    font-weight: 500;
    font-family: "Queens", sans-serif;
}

body .d1,
body .d2,
body .d3,
body .d4,
body .d5 {
    font-weight: 400;
}

body .ia-dark {
    color: #111 !important;
}

body .d1 {
    font-size: 9.5rem;
    font-size: 7.5rem;
    /* font-size: 16vh; */

    /* font-size: 5rem; */
    line-height: 1;
}

/* body .d5 {
  font-size: 3.25rem;
  line-height: 1.15;
} */
body .d5 {
    font-size: 2.43rem;
    line-height: 1.15;
}

/* .front-hero .inner .d1 {
  margin-left: 8.75rem;
  position: relative;
  padding-right: 155px;
  max-width: 955px;
  box-sizing: border-box;
} */
.front-hero .inner .d1 {
    /* margin-left: 8.75rem; */
    position: relative;
    padding-right: 155px;
    max-width: 955px;
    box-sizing: border-box;
}

.ia-btn span {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 0.5rem;
    min-height: 100%;
    box-sizing: border-box;
}

.front-hero .ia-btn--media span {
    gap: 0.25rem;
}

.ia-btn b {
    width: 2.68rem;
    height: 2.68rem;
    border-radius: 2.68rem;
    display: inline-block;
    margin: -0.625rem 0 -0.625rem -0.625rem;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.front-hero .ia-btn--media b {
    font-weight: 400;
    margin: 0;
    width: auto;
    height: auto;
    border-radius: 0;
}

.ia-btn--media em {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: -0.625rem;
    border-radius: 50%;
    background: #eae0d1;
    position: relative;
    display: inline-block;
}

.ia-btn--media em i.bi-pause-fill,
.ia-btn--media em i.bi-play-fill {
    font-size: 0.75rem;
}

.ia-btn--media em i.bi-pause-fill {
    transform: translate(0%, -25%);
    -webkit-transform: translate(0%, -25%);
    -moz-transform: translate(0%, -25%);
    -ms-transform: translate(0%, -25%);
    -o-transform: translate(0%, -25%);
}

.desktop-version .ia-btn:hover {
    color: #fff;
}

.desktop-version .ia-btn:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
    transition: height 0.35s;
}

a.ia-btn--media.btn-bg-video:hover {
    text-decoration: none;
}

.front-content {
    position: relative;
    z-index: 30;
}

.hyp-story {
    padding: 6.25rem 0 5.625rem;
    background: #111;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.hyp-story .inner {
    position: relative;
    z-index: 10;
}

.sub-title {
    font-size: 1.5rem;
    font-family: "Calibre", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.56rem;
}

.hyp-story__carousel-wrap {
    position: relative;
}

.hyp-story__carousel {
    position: relative;
    z-index: 10;
}

.hyp-story__carousel-slide .d5 {
    max-width: 1020px;
}

.hyp-story__carousel-slide .d5 span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.hyp-story__carousel-slide .d5 span em {
    display: block;
    opacity: 0;
    transform: translate(0, 100%);
    transition: transform 0s, opacity 0s;
}

.text-row-animation span em {
    font-style: normal;
}

.hyp-story__carousel-slide.slick-current .d5 em {
    transform: translate(0, 0);
    opacity: 1;
    transition: transform 0.8s, opacity 0.8s;
}

.hyp-story__carousel-control {
    margin-top: 1.56rem;
    position: relative;
    z-index: 10;
}

.slick-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: 0 0;
    border: none;
    z-index: 12;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.35s;
}

.hyp-story__carousel-control .slick-arrow {
    display: inline-block;
    vertical-align: middle;
}

.slick-arrow:before {
    content: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31152 0.670898C5.98174 2.33726 2.64902 5.66997 0.985596 8.99976C2.64902 12.3295 5.98174 15.6623 9.31152 17.3286" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 0.9375rem;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.slick-arrow.slick-next {
    transform: scaleX(-1);
}

.hyp-story__carousel-control .slick-dots {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.slick-dots li {
    background: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin: 0 7px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: background 0.35s;
    -webkit-transition: background 0.35s;
    -moz-transition: background 0.35s;
    -ms-transition: background 0.35s;
    -o-transition: background 0.35s;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.slick-dots li button {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
    white-space: nowrap;
}

.slick-dots li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.37575 0.59536C7.40483 0.361614 7.74361 0.361614 7.77269 0.595359L8.39178 5.57178C8.41094 5.72582 8.59065 5.80026 8.71313 5.70489L12.6698 2.62379C12.8556 2.47907 13.0951 2.71862 12.9504 2.90447L9.86933 6.86109C9.77396 6.98357 9.8484 7.16328 10.0024 7.18244L14.9789 7.80153C15.2126 7.83061 15.2126 8.16939 14.9789 8.19847L10.0024 8.81756C9.8484 8.83672 9.77396 9.01643 9.86933 9.13891L12.9504 13.0955C13.0951 13.2814 12.8556 13.5209 12.6697 13.3762L8.71313 10.2951C8.59065 10.1997 8.41094 10.2742 8.39178 10.4282L7.77269 15.4046C7.74361 15.6384 7.40483 15.6384 7.37575 15.4046L6.75666 10.4282C6.7375 10.2742 6.55778 10.1997 6.43531 10.2951L2.47869 13.3762C2.29284 13.5209 2.05329 13.2814 2.19801 13.0955L5.27911 9.13891C5.37448 9.01643 5.30004 8.83672 5.146 8.81756L0.169578 8.19847C-0.0641676 8.16939 -0.0641677 7.83061 0.169578 7.80153L5.146 7.18244C5.30004 7.16328 5.37448 6.98356 5.27911 6.86109L2.19801 2.90447C2.05329 2.71862 2.29284 2.47907 2.47869 2.62379L6.43531 5.70489C6.55778 5.80026 6.7375 5.72582 6.75666 5.57178L7.37575 0.59536Z" fill="%23FFC425"/></svg>');
    display: block;
    transform: scale(0);
    transition: transform 0.35s;
}

.slick-dots li.slick-active {
    background: 0 0;
    background: none;
    opacity: 1;
}

.slick-dots li.slick-active:after {
    transform: scale(1);
    position: relative;
    top: -0.1rem;
}

button {
    background: 0 0;
}

.hyp-story__images-slide-image {
    margin: 0 0 0 auto;
    max-width: 388px;
    mask-image: url('data:image/svg+xml,<svg width="388" height="551" viewBox="0 0 388 551" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.0329 136.13C10.5844 92.9712 0.574309 46.7143 0.574314 0L387.574 2.99368e-05L387.574 194.57V355.724L387.574 550.294L0.574246 550.294C0.57425 503.58 10.5843 457.323 30.0329 414.164C49.4814 371.006 77.9877 331.791 113.924 298.759C122.966 290.448 132.433 282.569 142.288 275.147C132.433 267.724 122.966 259.846 113.924 251.535C77.9877 218.503 49.4815 179.288 30.0329 136.13Z" fill="%23AAAAAA"/></svg>');
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="388" height="551" viewBox="0 0 388 551" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.0329 136.13C10.5844 92.9712 0.574309 46.7143 0.574314 0L387.574 2.99368e-05L387.574 194.57V355.724L387.574 550.294L0.574246 550.294C0.57425 503.58 10.5843 457.323 30.0329 414.164C49.4814 371.006 77.9877 331.791 113.924 298.759C122.966 290.448 132.433 282.569 142.288 275.147C132.433 267.724 122.966 259.846 113.924 251.535C77.9877 218.503 49.4815 179.288 30.0329 136.13Z" fill="%23AAAAAA"/></svg>');
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.hyp-story__images-slide-image div {
    width: 100%;
    padding-bottom: 141%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    transform: translate(10%, 10%) scale(1);
    transition: transform 0.8s, opacity 0.8s;
}

.hyp-story__images-slide.slick-current .hyp-story__images-slide-image div {
    opacity: 1;
    transform: translate(0, 0) scale(1.1);
}

.hyp-story__images-slide-image div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
}

.hyp-story__images {
    position: relative;
    z-index: 8;
    margin-top: -15.625rem;
}

.hyp-story .sub-title svg {
    display: inline-block;
    vertical-align: middle;
}

.hyp-story .sub-title svg path:first-child {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    transition: stroke-dashoffset 1s 0.2s;
    -webkit-transition: stroke-dashoffset 1s 0.2s;
    -moz-transition: stroke-dashoffset 1s 0.2s;
    -ms-transition: stroke-dashoffset 1s 0.2s;
    -o-transition: stroke-dashoffset 1s 0.2s;
}

.hyp-story .sub-title svg path:last-child {
    opacity: 0;
    transition: opacity 1s 1s;
    -webkit-transition: opacity 1s 1s;
    -moz-transition: opacity 1s 1s;
    -ms-transition: opacity 1s 1s;
    -o-transition: opacity 1s 1s;
}

.hyp-story .sub-title[style*="visible"] svg path:first-child {
    stroke-dashoffset: 400;
}

.hyp-story .sub-title[style*="visible"] svg path:last-child {
    opacity: 1;
}

.scroll-down svg {
    transition: opacity 0.35s;
}

.scroll-down svg + svg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.scroll-down:hover svg + svg {
    opacity: 1;
}

.front-hero .inner .d1 span svg path {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    transition: stroke-dashoffset 1s;
}

.intro-animation-start .front-hero .inner .d1 span svg path {
    stroke-dashoffset: 0;
}

@keyframes fadeInUpS {
    from {
        opacity: 0;
        transform: translate3d(0, 3.125rem, 0);
        -webkit-transform: translate3d(0, 3.125rem, 0);
        -moz-transform: translate3d(0, 3.125rem, 0);
        -ms-transform: translate3d(0, 3.125rem, 0);
        -o-transform: translate3d(0, 3.125rem, 0);
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}

.wow {
    visibility: hidden;
}

.fadeInUpS {
    animation-name: fadeInUpS;
    animation-timing-function: cubic-bezier(0.07, 0.51, 0.12, 1);
}

.scroll-down {
    position: absolute;
    left: 9.375rem;
    top: 100%;
    margin-top: 1.875rem;
    z-index: 11;
}

body .d5.ia-margin {
    margin-bottom: 1.875rem;
}

.our-community {
    background: #fbf6ef;
    padding: 6.25rem 0 7.5rem;
}

.our-community .d5 {
    max-width: 1100px;
}

.our-community__list {
    padding-top: 2.5rem;
}

.our-community__list .slick-list {
    overflow: visible;
}

.our-community__list .slick-track {
    display: flex;
    align-items: center;
}

.our-community__slide {
    width: 33.33%;
}

.our-community__title {
    color: #000;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.our-community__title em {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #000;
    transition: background 0.35s;
}

.our-community__title em i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #fff;
    transition: color 0.35s;
}

.our-community__video {
    position: relative;
}

.our-community__video-img {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    mask-image: url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../images/svg-path.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(//viewbook.tiltonschool.org/wp-content/themes/tilton/assets/css/../images/svg-path.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: transform 0.35s;
}

.our-community__video-img div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform 0.35s;
}

.our-community__video .our-community__title {
    position: absolute;
    left: 20%;
    top: 1%;
    z-index: 1;
}

.our-community__video .our-community__title em {
    position: relative;
    z-index: 10;
}

.our-community__video .our-community__title span {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    max-width: calc(100% - 94px);
    margin-left: 0.75rem;
    position: relative;
}

.wow[style*="visible"] .our-community__slide .our-community__item {
    transform: scale(1) translate(0, 0);
    opacity: 1;
}

.wow[style*="visible"]
    .our-community__slide
    .our-community__item
    .our-community__title {
    opacity: 1;
    transform: translate(0, 0);
}

.desktop-version .our-community__slideshow:hover .our-community__slideshow-img {
    transform: scale(0.9);
}

.desktop-version
    .our-community__slideshow:hover
    .our-community__slideshow-img
    div {
    transform: scale(1.2);
}

.our-community__slideshow .our-community__title {
    position: absolute;
    top: -1.25rem;
    left: 0;
    z-index: 10 !important;
    -webkit-appearance: none;
}

.our-community__slide .our-community__item .our-community__title {
    transform: translate(0, 3rem);
    transition: opacity 0.8s, transform 0.8s;
    opacity: 0;
}

.our-community__slideshow .our-community__title em {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.625rem;
    z-index: 10;
}

.our-community__slideshow .our-community__title span {
    max-width: 125px;
    display: block;
    position: relative;
}

.our-community__slideshow {
    position: relative;
}

.our-community__first .our-community__slideshow .our-community__title span b {
    pointer-events: none;
    position: absolute;
    width: 130%;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
}

.our-community__first
    .our-community__slideshow
    .our-community__title
    span
    b
    svg {
    width: 100%;
}

.our-community__slideshow-img {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    transition: transform 0.35s;
}

.our-community__slideshow-img div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform 0.35s;
}

.our-community__article-img {
    width: 90%;
    padding-bottom: 125%;
    overflow: hidden;
    position: relative;
    /* added to give spacing */
    left: 8%;
    /* transform: rotate(-11.275deg); */
    transition: transform 0.35s;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.our-community__slide:nth-child(2) .our-community__item {
    transition-delay: 0.3s;
}

.our-community__article-img div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform 0.35s;
}

.desktop-version .our-community__article:hover .our-community__article-img {
    transform: rotate(-5deg);
}

.desktop-version .our-community__article:hover .our-community__article-img div {
    transform: scale(1.1);
}

.our-community__article .our-community__title {
    margin-left: 25%;
}

.our-community__article .our-community__title span {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
    max-width: calc(100% - 94px);
    margin-left: 1.2rem;
}

.our-community__first .our-community__article .our-community__title span b {
    position: absolute;
    width: 109px;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);
}

.our-community__article .our-community__title span:after {
    content: "";
    position: absolute;
    left: 0;
}

.our-community__slide:nth-child(3) .our-community__item {
    transition-delay: 0.5s;
}

.our-community__video {
    position: relative;
}

.our-community__video .our-community__title {
    position: absolute;
    left: 20%;
    top: 1%;
    z-index: 1;
}

.our-community__video .our-community__title em {
    position: relative;
    z-index: 10;
}

.our-community__video .our-community__title span {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    max-width: calc(100% - 94px);
    /* margin-left: 1.2rem ; */
    position: relative;
}

.our-community__first .our-community__video .our-community__title span b {
    position: absolute;
    width: 149%;
    left: 43%;
    top: 0;
    transform: translate(-50%, -20%);
}

.our-community__video-img {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    mask-image: url(../images/community-slider-3.jpg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../images/community-slider-3.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: transform 0.35s;
}

.our-community__video-img div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform 0.35s;
}

.desktop-version .our-community__item:hover .our-community__title em {
    background: #fee8cb;
}

.desktop-version .our-community__item:hover .our-community__title em i {
    color: #000;
}

.desktop-version .our-community__video:hover .our-community__video-img {
    transform: rotate(-5deg);
}

.desktop-version .our-community__video:hover .our-community__video-img div {
    transform: scale(1.1);
}

.our-community .slick-arrow,
.our-community .slick-dots {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.our-community .slick-arrow:before {
    height: 18px;
    content: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31152 0.670898C5.98174 2.33726 2.64902 5.66997 0.985596 8.99976C2.64902 12.3295 5.98174 15.6623 9.31152 17.3286" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.our-community .slick-dots li {
    background: #000;
}

.our-community .slick-dots li.slick-active {
    background: 0 0;
}

/* SLIDESHOW-POPUP */

.slideshow-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fbf6ef;
    overflow: hidden;
    transform: translate(100%, 0);
    opacity: 0;
    transition: transform 0.8s, opacity 0.5s;
}

.slideshow-popup.show {
    opacity: 1;
    transform: translate(0, 0);
}

.slideshow-popup__close {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    right: 1.875rem;
    top: 1.875rem;
    z-index: 30;
    box-sizing: border-box;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    transition: color 0.35s, background 0.35s;
}

.slideshow-popup__close i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.625rem;
}

.slideshow-popup__in {
    padding: 0 50px;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.slideshow__side {
    position: relative;
    width: 580px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
}

.slideshow__side:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 200vh;
    transform: translate(0, -50%);
    right: 0;
    background: #eae0d1;
}

.slideshow__side-in {
    position: relative;
    z-index: 10;
    padding: 3.125rem 4.375rem;
}

.sub-title {
    font-size: 1.5rem;
    font-family: "Calibre", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.5625rem;
}

.slideshow__side .sub-title,
.slideshow__side .d5,
.slideshow__side .slideshow__featured,
.slideshow__side .lideshow__location-description,
.slideshow__side .slideshow__location-type {
    opacity: 0;
    transform: translate(0, 5rem);
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
}

.slideshow-popup.show .slideshow__side .sub-title,
.slideshow-popup.show .slideshow__side .d5,
.slideshow-popup.show .slideshow__side .slideshow__featured,
.slideshow-popup.show .slideshow__side .lideshow__location-description,
.slideshow-popup.show .slideshow__side .slideshow__location-type {
    opacity: 1;
    transform: translate(0, 0);
}

.slideshow__side .d5 {
    transition-delay: 0.6s;
}

.slideshow__side .slideshow__featured {
    transition-delay: 0.7s;
}

.slideshow__featured {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.slideshow__featured div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slideshow__slide.slideshow__slide-1 {
    width: 583px;
}

.slideshow__slide-item {
    padding-left: 4.375rem;
}

.slideshow-popup.show .slideshow__slide-item .slideshow__slide-image-outer,
.slideshow-popup.show .slideshow__slide-item .sub-title,
.slideshow-popup.show .slideshow__slide-item .h2 {
    opacity: 1;
    transform: translate(0, 0);
}

.slideshow__slide.slideshow__slide-1 .slideshow__slide-image-outer {
    padding-top: 109%;
    padding-top: 60%;
}

.slideshow__slide-item .slideshow__slide-image-outer,
.slideshow__slide-item .sub-title,
.slideshow__slide-item .h2 {
    opacity: 0;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

.slideshow__slide-image-outer {
    border-radius: 20px;
    margin-bottom: 1.25rem;
}

.slideshow__slide-item .sub-title {
    transition-delay: 0.6s;
}

body .p,
body .p2,
body .p3,
body .p4,
body .p5 {
    font-family: "Calibre", sans-serif;
    font-weight: 400;
}

body .p2 {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 300;
}

body .ia-regular {
    font-weight: 400 !important;
}

.slideshow__slide-image img {
    border-radius: 20px;
    display: none;
    margin-bottom: 1.25rem;
}

.slideshow__slide {
    position: relative;
    z-index: 10;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 584px;
    padding-top: 5vh;
}

.slideshow__slide.slideshow__slide-2 {
    width: 527px;
    z-index: 11;
}

.slideshow__slide.slideshow__slide-2 .slideshow__slide-item {
    display: flex;
    flex-direction: column;
    position: relative;
}

.slideshow__slide.slideshow__slide-2 .slideshow__slide-item:before {
    content: "";
    position: absolute;
    left: -1.875rem;
    top: 110%;
    width: 426px;
    height: 426px;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="427" height="426" viewBox="0 0 427 426" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M405.598 193.333L236.279 203.548L363.224 91.0369C363.79 90.5481 364.381 89.9306 364.896 89.3646C372.1 81.2344 371.354 68.7818 363.224 61.5778C355.093 54.3738 342.641 55.1199 335.437 63.2501L222.926 190.195L233.14 20.8753C233.192 20.1291 233.192 19.2544 233.14 18.5082C232.497 7.6508 223.157 -0.608054 212.3 0.0351593C201.443 0.678372 193.184 10.0178 193.827 20.8753L204.041 190.195L91.5818 63.2758C91.093 62.7098 90.4755 62.1181 89.9095 61.6035C81.7793 54.3995 69.3267 55.1456 62.1227 63.2758C54.9187 71.4061 55.6648 83.8587 63.795 91.0626L190.74 203.573L21.4202 193.359C20.6741 193.308 19.7993 193.308 19.0532 193.359C8.19572 194.002 -0.0631317 203.342 0.580081 214.199C1.22329 225.057 10.5627 233.316 21.4202 232.647L190.74 222.432L63.795 334.943C63.2547 335.432 62.6373 336.05 62.1227 336.616C54.9187 344.746 55.6648 357.198 63.795 364.402C71.9253 371.606 84.3779 370.86 91.5818 362.73L204.093 235.786L193.878 405.105C193.827 405.851 193.827 406.726 193.878 407.472C194.522 418.329 203.861 426.588 214.718 425.945C225.576 425.302 233.835 415.962 233.192 405.105L222.977 235.786L335.488 362.73C335.977 363.296 336.594 363.888 337.16 364.402C345.291 371.606 357.743 370.86 364.947 362.73C372.151 354.6 371.405 342.147 363.275 334.943L236.33 222.432L405.65 232.647C406.396 232.698 407.271 232.698 408.017 232.647C418.874 232.003 427.133 222.664 426.49 211.807C425.847 200.949 416.507 192.69 405.65 193.333H405.598Z" fill="%23EAE0D1"/></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-2
    .slideshow__slide-item
    .slideshow__slide-image {
    order: 2;
    position: relative;
    text-align: right;
}

.slideshow__slide.slideshow__slide-2
    .slideshow__slide-item
    .slideshow__slide-image:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_828_2466)"><path d="M44.0449 0.652344V40.5616V87.8266" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M87.6352 44.2358H47.7259H0.460938" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M74.8671 13.4209L46.6467 41.6345L13.2305 75.0575" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M74.8671 75.0575L46.6467 46.8371L13.2305 13.4209" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M83.9129 61.8547L47.4131 45.7239L4.17578 26.625" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M26.4336 84.1047L42.5644 47.605L61.6633 4.36768" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M84.4557 27.9082L47.4601 42.8572L3.63867 60.5705" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M60.3791 84.648L45.4233 47.6525L27.7168 3.83105" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_828_2466"><rect width="87.1742" height="87.1742" fill="white" transform="translate(0.460938 0.652344)"/></clipPath></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    width: 88px;
    height: 88px;
}

.slideshow__slide.slideshow__slide-2
    .slideshow__slide-item
    .slideshow__slide-image-in {
    text-align: left;
    margin-left: 24%;
}

.slideshow__slide.slideshow__slide-2 .slideshow__slide-image-outer {
    padding-top: 64.8%;
}

.slideshow__slide.slideshow__slide-2 .slideshow__slide-item .h2 {
    order: 1;
    padding-right: 14%;
}

.slideshow__slide-item .h2 {
    transition-delay: 0.7s;
}

body .ia-margin-3 {
    margin-bottom: 1.875rem !important;
}

body .h2 {
    font-size: 3.2rem;
    font-size: 1.875rem;
    line-height: 1.2;
}

body .ia-light {
    font-weight: 300 !important;
}

.slideshow-popup .mCSB_container {
    height: 100%;
}

.slideshow-popup .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0;
}

.slideshow-popup .mCSB_scrollTools {
    opacity: 1;
    z-index: 99;
}

html.overlayed {
    overflow: hidden;
}

html.overlayed body.overlayed {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
}

.slideshow__slide.slideshow__slide-3 {
    width: 584px;
}

.slideshow__slide.slideshow__slide-3 .slideshow__slide-item:before {
    content: "";
    position: absolute;
    right: 4.375rem;
    top: -4.375rem;
    width: 102%;
    padding-bottom: 74%;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="601" height="433" viewBox="0 0 601 433" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M211.452 3.30194C203.231 -1.83429 192.368 1.38755 188.277 10.1758L2.16454 409.946C-3.66657 422.471 7.9163 436.054 21.2053 432.274L588.797 270.829C602.251 267.003 604.794 249.039 592.932 241.628L211.452 3.30194Z" fill="%23EAE0D1"/></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-3 .slideshow__slide-image-outer {
    padding-top: 82%;
}

.slideshow__slide.slideshow__slide-4 {
    width: 705px;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item {
    position: relative;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item:before {
    content: "";
    position: absolute;
    left: 3.125rem;
    top: -4.375rem;
    width: 81%;
    padding-bottom: 74%;
    z-index: -1;
    background: url('data:image/svg+xml,<svg width="571" height="520" viewBox="0 0 571 520" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5" clip-path="url(%23clip0_828_2421)"><path d="M363.496 0.756836H0.539062V362.66H363.496V0.756836Z" stroke="%23555555" stroke-width="0.242985"/><path d="M52.2988 0.650879V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M104.164 0.650635V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M156.029 0.650879V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M207.898 0.650879V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M259.764 0.650635V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M311.629 0.650879V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M363.496 0.650879V362.66" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 51.7148H1.19336" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 103.54H1.19336" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 155.364H1.19336" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 207.188H1.19336" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 259.012H1.19336" stroke="%23555555" stroke-width="0.242985"/><path d="M363.495 310.836H1.19336" stroke="%23555555" stroke-width="0.242985"/></g><defs><clipPath id="clip0_828_2421"><rect width="570.528" height="519.016" fill="white" transform="translate(0.431641)"/></clipPath></defs></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-4
    .slideshow__slide-item
    .slideshow__slide-image {
    margin-bottom: 2.75rem;
    position: relative;
    text-align: right;
}

.slideshow__slide.slideshow__slide-4
    .slideshow__slide-item
    .slideshow__slide-image:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 61px;
    height: 86px;
    background: url('data:image/svg+xml,<svg width="62" height="86" viewBox="0 0 62 86" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.1908 43.0575H61.0904C61.1116 19.4597 41.9622 0.331543 18.3644 0.331543H0.464844C0.464844 23.9293 19.593 43.0575 43.1908 43.0575Z" fill="%23FFC425"/><path d="M43.1883 43.0572L61.0879 43.0572C61.0879 66.655 41.9597 85.7832 18.3619 85.7832L0.462307 85.7832C0.462309 62.1854 19.5905 43.0572 43.1883 43.0572Z" fill="%23FFC425"/></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-4
    .slideshow__slide-item
    .slideshow__slide-image-in {
    text-align: left;
    margin-left: 18.9%;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-image-outer {
    padding-top: 71.2%;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item .h2 {
    margin-right: 18.9%;
    position: relative;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item .h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 124px;
    height: 154px;
    background: url('data:image/svg+xml,<svg width="124" height="154" viewBox="0 0 124 154" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55.1584 1.00033C115.961 1.00024 151.96 79.5004 90.6629 107.174C74.9249 114.279 61.4622 100.657 55.1587 93.2769C39.0229 74.3852 42.7538 58.7284 55.2031 64.3918C77.4351 74.5053 80.0786 96.8168 78.1292 113.908C77.0703 123.191 70.44 130.111 61.0362 132.479C44.4895 136.644 11.0931 102.031 29.1802 91.9795C39.446 86.2747 47.428 106.459 46.9818 121.322C45.8093 160.376 -2.83063 164.658 2.08109 122.133" stroke="%23FFC425" stroke-width="1.5" stroke-linecap="round"/></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item .h2:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 58%;
    padding-bottom: 14%;
    margin-top: 2.5rem;
    background: url('data:image/svg+xml,<svg width="301" height="70" viewBox="0 0 301 70" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_828_2436)"><path d="M295.461 0H5.46484C2.70342 0 0.464844 2.23858 0.464844 5C0.464844 7.76142 2.70342 10 5.46485 10H295.461C298.222 10 300.461 7.76142 300.461 5C300.461 2.23858 298.222 0 295.461 0Z" fill="%23EAE0D1"/><path d="M240.461 30H5.46484C2.70342 30 0.464844 32.2386 0.464844 35C0.464844 37.7614 2.70343 40 5.46485 40H240.461C243.222 40 245.461 37.7614 245.461 35C245.461 32.2386 243.222 30 240.461 30Z" fill="%23EAE0D1"/><path d="M183.465 60H5.46484C2.70342 60 0.464844 62.2386 0.464844 65C0.464844 67.7614 2.70342 70 5.46485 70H183.465C186.226 70 188.465 67.7614 188.465 65C188.465 62.2386 186.226 60 183.465 60Z" fill="%23EAE0D1"/></g><defs><clipPath id="clip0_828_2436"><rect width="299.996" height="70" fill="white" transform="translate(0.464844)"/></clipPath></defs></svg>')
        no-repeat 0 0/100% auto;
}

.slideshow__slide.slideshow__slide-4 .slideshow__slide-item:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 2.5rem;
    width: 22%;
    padding-bottom: 22%;
    border-radius: 50%;
    background: #eae0d1;
    margin-bottom: 1.875rem;
}

.slideshow-popup .mCSB_buttonLeft {
    bottom: 100%;
    left: 575px !important;
    transform: translate(-100%, 0);
}

.slideshow-popup .mCSB_buttonLeft,
.slideshow-popup .mCSB_buttonRight {
    width: 75px !important;
    height: 75px !important;
    border-radius: 75px;
    opacity: 1 !important;
    opacity: 0 !important;
    opacity: hidden !important;
    background: #000;
    transition: background 0.35s;
    border: 0.625rem solid #000;
    color: #fff;
    background-image: none !important;
}

.slideshow-popup .mCSB_buttonRight {
    bottom: 100%;
    left: 585px;
    right: auto !important;
}

.slideshow-popup .mCSB_buttonLeft:before,
.slideshow-popup .mCSB_buttonRight:before {
    font-size: 2.5rem;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: "icomoon" !important;
    transition: color 0.35s;
    transform: translate(-50%, -50%);
}

.slideshow-popup .mCSB_buttonRight:before {
    transform: translate(-50%, -50%) scaleX(-1);
    -webkit-transform: translate(-50%, -50%) scaleX(-1);
    -moz-transform: translate(-50%, -50%) scaleX(-1);
    -ms-transform: translate(-50%, -50%) scaleX(-1);
    -o-transform: translate(-50%, -50%) scaleX(-1);
}

.article-popup {
    position: fixed;
    top: 0;
    right: 0;
    /* left: 3.125rem; */
    left: 0;
    bottom: 0;
    transform: translate(100%, 0);
    transition: transform 0.8s, opacity 0.8s;
    opacity: 0;
    background: #eae0d1;
    z-index: 999;
}

.article-popup.show {
    opacity: 1;
    transform: translate(0, 0);
}

.article-popup.show:before {
    content: "";
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: -100vw;
}

.article-popup .article-general {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 10;
}

.hero-post {
    padding: 12.5rem 0 8.125rem;
}

.article-popup .article-general .hero-post {
    padding: 3.75rem 0;
    background: #6f605b !important;
}

.breadcrumbs {
    margin-bottom: 0.625rem;
    font-size: 0;
}

.breadcrumbs.ia-white {
    opacity: 1;
}

.article-popup .article-general .breadcrumbs {
    display: none;
}

.breadcrumbs > span {
    display: none;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
}

.breadcrumbs > span:nth-last-child(1),
.breadcrumbs > span:nth-last-child(2) {
    display: inline-block;
}

.breadcrumbs > span:first-child {
    margin-left: 0;
}

.breadcrumbs a {
    color: #000;
    border-bottom: 1px solid #000;
    transition: opacity 0.35s;
}

.breadcrumbs > span span,
.breadcrumbs > span a {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs.ia-white a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.hero-post__in {
    max-width: 1075px;
    margin: 0 auto;
    padding-top: 2.1875rem;
}

.article-popup .hero-post__in {
    padding-top: 0;
}

body .p3 {
    font-size: 1rem;
    line-height: 1.4;
}

body .ia-margin-2 {
    margin-bottom: 1.25rem !important;
}

body .ia-yellow {
    color: #ffc425 !important;
}

.columns-section__col-type i {
    margin: 0 7px;
    color: #672118;
    font-size: 0.75rem;
}

body .d4 {
    font-size: 3.825rem;
    line-height: 1.1;
}

.hero-post__meta {
    border-top: 1px solid #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
    padding: 0.685rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-popup .article-general .hero-post__meta {
    border-top: 1px solid rgba(159, 149, 146, 0.4);
    border-bottom: 1px solid rgba(159, 149, 146, 0.4);
}

.hero-post__meta-left {
    display: flex;
    align-items: center;
}

.hero-post__meta-right {
    display: flex;
    align-items: center;
}

.share-label {
    display: inline-block;
    vertical-align: top;
}

.hero-post__meta-right .a2a_kit a {
    width: 28px;
    height: 28px;
    padding: 0;
    margin-left: 15px;
    display: inline-block;
}

.hero-post__meta-right .a2a_kit a.a2a_button_copy_link {
    margin-left: 37px;
}

.hero-post__meta-right .addtoany_list {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.hero-post__meta-right .addtoany_list:after {
    content: "";
    font-family: "icomoon" !important;
    font-size: 0.475rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 43px;
    color: #ffc425;
}

.article-content {
    background: #eae0d1;
    padding: 0.625rem 0;
}

.inner--slim {
    max-width: 615px;
}

.article__image {
    text-align: center;
    margin: 3.125rem -115px;
}

.article__image img {
    display: block;
    margin: 0 auto 0.6rem;
    border-radius: 1.125rem;
    -webkit-border-radius: 1.125rem;
    -moz-border-radius: 1.125rem;
    -ms-border-radius: 1.125rem;
    -o-border-radius: 1.125rem;
}

.article__text {
    margin: 3.125rem 0;
}

.content-entry,
.pum-content {
    font-size: 1.125rem;
    line-height: 1.5;
}

.content-entry:after,
.pum-content:after {
    content: "";
    display: block;
    clear: both;
}

.content-entry h1,
.content-entry h2,
.content-entry h3,
.content-entry h4,
.content-entry h5,
.content-entry h6,
.pum-content h1,
.pum-content h2,
.pum-content h3,
.pum-content h4,
.pum-content h5,
.pum-content h6 {
    margin-bottom: 1.875rem;
}

.fs_20 {
    font-size: 1.25rem;
}

p {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 1.875rem;
    font-family: "Calibre", sans-serif;
}

.inner--slim .article__carousel-wrap {
    margin: 3.125rem -343px;
}

.article__carousel {
    position: relative;
    margin-bottom: 1rem;
}

.article__carousel-slide {
    width: 25.875rem;
}

.article__carousel-slide-item {
    margin: 0 1.06rem;
}

.article__carousel-slide-item div {
    width: 100%;
    padding-bottom: 68%;
    border-radius: 1.25rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.article__carousel-info {
    text-align: center;
    font-size: 1.125rem;
}

.article__carousel-info b {
    font-weight: 500;
}

.article__carousel .slick-list {
    overflow: visible;
}

.article__carousel .slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.article__carousel .slick-arrow.slick-prev {
    left: 2.18rem;
}

.article__carousel .slick-arrow.slick-next {
    right: 2.18rem;
}

.article__carousel .slick-arrow.slick-next:before {
    transform: translate(-50%, -50%) scaleX(-1);
}

.article__carousel .slick-arrow:before {
    content: "";
    font-family: "icomoon" !important;
    color: #fff;
    font-size: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.article-popup .wow {
    visibility: visible !important;
}

.article__col-images {
    margin: 3.125rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.inner--slim .article__col-images {
    margin: 3.125rem -343px;
}

.article__col-images-item {
    width: calc(50% - 1.0625rem);
}

.article__col-images-item:nth-child(2n + 1) {
    margin-right: 1.125rem;
}

.article__col-images-item div {
    width: 100%;
    padding-bottom: 68%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.article__col-images-item div a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tags {
    margin: 3.125rem 0;
}

.tag-label {
    display: inline-block;
    /* vertical-align: center; */
}

.tag-item {
    display: inline-block;
    /* vertical-align: center; */
    padding: 0.625rem;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 0.625rem;
    background: #fbf6ef;
    margin-bottom: 0.5rem;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
}

.article-popup .article-close {
    width: 75px;
    height: 75px;
    padding: 0;
    position: absolute;
    top: 3.75rem;
    right: 3.75rem;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 1.5625rem;
    box-sizing: border-box;
    border: 1px solid #000;
    transition: color 0.35s, background 0.35s;
    z-index: 50;
}

.desktop-version .article-popup .article-close {
    cursor: pointer;
}

.article-popup .article-close i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.our-community__bottom {
    display: flex;
    align-items: center;
    margin-top: 3.125rem;
}

.our-community__bottom .sub-title {
    margin-bottom: 0;
    margin-right: 1.25rem;
}

.essential-skills {
    padding: 5.625rem 0;
    background: #6f605b;
}

body .d3 {
    font-size: 6.375rem;
    line-height: 1.1;
}

.textd3 .d3 {
    font-size: 3.825rem;
    line-height: 1.1;
}

.essential-skills .d3 span {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 1160px;
}

.essential-skills .d3 .essential-skills__dec {
    position: absolute;
    top: 1%;
    right: 0;
}

.essential-skills .d3 .essential-skills__dec {
    max-width: 500px;
}

.essential-skills .d3 .essential-skills__dec:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 27%;
    padding-bottom: 27%;
    border-radius: 50%;
    background: #9f9592;
    opacity: 0.2;
}

.essential-skills__dec {
    animation: svgRotate 7s forwards infinite running ease-in-out;
    -webkit-animation: svgRotate 7s forwards infinite running ease-in-out;
}

.essential-skills__dec:after {
    animation: svgCircle 7s forwards infinite running ease-in-out;
    -webkit-animation: svgCircle 7s forwards infinite running ease-in-out;
}

@keyframes svgRotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes svgCircle {
    0% {
        transform: translate(-200%, -75%);
    }

    50% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-200%, -75%);
    }
}

.essential-skills__accordion {
    margin-top: 6.25rem;
}

.essential-skills__accordion-item {
    position: relative;
}

.essential-skills__accordion-title {
    white-space: nowrap;
    padding: 2.1875rem 0;
    border-bottom: 1px solid rgba(255, 255, 199, 0.2);
    position: relative;
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden;
    height: 11.6rem;
    cursor: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="19.2031" cy="19.8848" r="19" transform="rotate(-90 19.2031 19.8848)" fill="%234A403D"/><path d="M29.6112 19.8848C29.6112 13.2236 25.8643 9.47664 19.2031 9.47664C12.5419 9.47664 8.79492 13.2236 8.79492 19.8848C8.79492 26.546 12.5419 30.293 19.2031 30.293C25.8643 30.293 29.6112 26.546 29.6112 19.8848Z" fill="%234A403D"/><path d="M19.2031 15.3267L19.2031 25.0409" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.1328 20.1836L14.4185 20.1836" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>'),
        auto;
    transition: opacity 0.35s;
}

.essential-skills__icon {
    display: none;
}

.loop-container {
    will-change: transform;
    animation: marquee 22s forwards infinite paused linear;
    -webkit-animation: marquee 22s forwards infinite paused linear;
    position: absolute;
}

.essential-skills__accordion-loop {
    display: inline-block;
}

.essential-skills__accordion-loop-img {
    width: 195px;
    height: 116px;
    border-radius: 150px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 35px;
    background-size: cover;
    background-repeat: no-repeat;
}

body .d3 {
    font-size: 6.375rem;
    line-height: 1.1;
}

.essential-skills .d3 {
    position: relative;
}

.essential-skills__accordion-loop-title.d3 {
    margin-bottom: 0;
}

.essential-skills__accordion-loop-title.d3 sup {
    font-size: 1.375rem;
    font-weight: 300;
    position: relative;
    top: -1.375rem;
    margin-left: 1.25rem;
}

.essential-skills__accordion-title:not(.active):hover {
    opacity: 0.7;
}

.essential-skills__accordion-title:hover .loop-container,
.essential-skills__accordion-title.active .loop-container {
    animation-play-state: running;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes marquee2 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(50%);
    }
}

.desktop-version .essential-skills__accordion-close:hover {
    opacity: 0.8;
}

.desktop-version .essential-skills__accordion-info__img a:hover {
    background: #eae0d1;
}

.desktop-version .essential-skills__accordion-info__img a:hover i {
    color: #000;
}

.essential-skills__accordion-loop-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 35px;
}

.essential-skills__accordion-info {
    background: #eae0d1;
    display: none;
    padding: 0 1.875rem 1.875rem;
}

.essential-skills__accordion-info .h3,
.essential-skills__accordion-info .content-entry,
.essential-skills__accordion-info .essential-skills__accordion-close,
.essential-skills__accordion-info .essential-skills__accordion-info__img,
.essential-skills__accordion-info .circle-text {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

.essential-skills__accordion-info .content-entry {
    transition-delay: 0.1s;
}

.essential-skills__accordion-info .essential-skills__accordion-close {
    transition-delay: 0.2s;
}

.essential-skills__accordion-info .essential-skills__accordion-info__img {
    transition-delay: 0.3s;
}

.essential-skills__accordion-info.active .h3,
.essential-skills__accordion-info.active .content-entry,
.essential-skills__accordion-info.active .essential-skills__accordion-close,
.essential-skills__accordion-info.active .essential-skills__accordion-info__img,
.essential-skills__accordion-info.active .circle-text {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

.essential-skills__accordion-info-in {
    margin: 0 auto;
    max-width: 1100px;
    color: #000;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.essential-skills__accordion-info__text {
    width: 56%;
    padding-left: 115px;
    box-sizing: border-box;
    position: relative;
}

.essential-skills__accordion-info__text .circle-text {
    position: absolute;
    left: 0;
    top: 0;
}

.essential-skills__accordion-info__img {
    width: 35%;
    position: relative;
}

.essential-skills__accordion-info__img div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    padding-bottom: 61%;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.essential-skills__accordion-info__img a {
    width: 75px;
    height: 75px;
    background: #000;
    border-radius: 75px;
    border: 1px solid #000;
    box-sizing: border-box;
    position: absolute;
    bottom: -0.6rem;
    right: 2.5rem;
    transition: opacity 0.35s, background 0.35s;
}

.essential-skills__accordion-info__img a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.5rem;
    transition: opacity 0.35s, color 0.35s;
}

.essential-skills__accordion-close {
    width: 38px;
    height: 38px;
    border-radius: 38px;
    position: relative;
    background: #4a403d;
    padding: 0;
    border: none;
    cursor: pointer;
    transition: opacity 0.35s;
}

.essential-skills__accordion-close i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

body .h3 {
    font-size: 1.875rem;
    line-height: 1.25;
}

.essential-skills__accordion-title.active {
    background: #eae0d1;
    border-bottom-color: transparent;
    cursor: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="19.7969" cy="19.2041" r="19" transform="rotate(90 19.7969 19.2041)" fill="%234A403D"/><path d="M13.4336 12.8403L26.1615 25.5683" stroke="white" stroke-width="1.2" stroke-linecap="round"/><path d="M26.1611 12.8408L13.4332 25.5687" stroke="white" stroke-width="1.2" stroke-linecap="round"/></svg>'),
        auto;
}

.essential-skills__accordion-title.active
    .essential-skills__accordion-loop-title {
    color: #000 !important;
}

.essential-skills__accordion-title.active
    .essential-skills__accordion-loop-img {
    opacity: 0.4;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.spin {
    transform-origin: center center;
    animation: infinite spin 20s linear;
    -webkit-animation: infinite spin 20s linear;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.essential-skills__accordion-title:hover .loop-container,
.essential-skills__accordion-title.active .loop-container {
    animation-play-state: running;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(6.25rem, 0, 0);
        -webkit-transform: translate3d(6.25rem, 0, 0);
        -moz-transform: translate3d(6.25rem, 0, 0);
        -ms-transform: translate3d(6.25rem, 0, 0);
        -o-transform: translate3d(6.25rem, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightS {
    from {
        opacity: 0;
        transform: translate3d(1.875rem, 0, 0);
        -webkit-transform: translate3d(1.875rem, 0, 0);
        -moz-transform: translate3d(1.875rem, 0, 0);
        -ms-transform: translate3d(1.875rem, 0, 0);
        -o-transform: translate3d(1.875rem, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}

.fadeInRightS {
    animation-name: fadeInRightS;
}

body .ia-bg-black {
    background-color: #000 !important;
}

.extracurriculars-audio-carousel {
    padding: 9.375rem 0 6.25rem;
    position: relative;
}

.extracurriculars-audio-carousel .inner {
    position: relative;
    z-index: 10;
}

.extracurriculars-slider__wrap {
    position: relative;
}

.extracurriculars-slider {
    max-width: 1185px;
}

.extracurriculars-slider__slide-item {
    padding-left: 115px;
    position: relative;
    padding-top: 0;
}

.extracurriculars-slider__slide-item:before {
    content: "";
    width: 69px;
    height: 52px;
    left: 0;
    top: 0;
    position: absolute;
    background: url('data:image/svg+xml,<svg width="69" height="52" viewBox="0 0 69 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.7608 52L27.565 49.8557C23.2763 47.7113 19.7917 44.7629 17.1113 41.0103C14.6096 37.4364 13.3587 33.7731 13.3587 30.0205C13.3587 28.591 13.7161 27.5188 14.4309 26.804C15.1457 26.0892 16.3965 25.5532 18.1835 25.1958C21.7574 24.481 24.5272 22.9621 26.4928 20.639C28.6371 18.4947 29.7093 15.9036 29.7093 12.8658C29.7093 9.11323 28.4584 5.98607 25.9567 3.48434C23.6337 1.16131 20.5065 -0.000188646 16.5752 -0.000188303C11.9292 -0.000187897 8.08723 1.60807 5.04941 4.82458C2.1903 8.04107 0.760739 12.3297 0.760739 17.6906C0.76074 25.0171 3.17312 31.8075 7.99788 38.0618C12.8226 44.4948 19.077 49.1409 26.7608 52ZM65.3589 52L66.163 49.8557C61.8744 47.7113 58.3898 44.7629 55.7094 41.0103C53.2077 37.4364 51.9568 33.7731 51.9568 30.0205C51.9568 28.591 52.3142 27.5188 53.029 26.804C53.7438 26.0892 54.9946 25.5532 56.7816 25.1958C60.3555 24.481 63.1252 22.9621 65.0909 20.639C67.2352 18.4947 68.3074 15.9036 68.3074 12.8658C68.3074 9.11323 67.0565 5.98606 64.5548 3.48434C62.2318 1.16131 59.1046 -0.000192021 55.1733 -0.000191677C50.5272 -0.000191271 46.6853 1.60806 43.6475 4.82457C40.7884 8.04107 39.3588 12.3297 39.3588 17.6906C39.3588 25.0171 41.7712 31.8075 46.596 38.0618C51.4207 44.4948 57.675 49.1409 65.3589 52Z" fill="white"/></svg>')
        no-repeat 0 0/100% auto;
}

.extracurriculars-slider__slide-item .d5 {
    margin-bottom: 2.1875rem;
}

.extracurriculars-slider__slide-item .d5 span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.extracurriculars-slider__slide-item .d5 span em {
    display: block;
    opacity: 0;
    transform: translate(0, 100%);
    transition: transform 0s, opacity 0s;
}

.extracurriculars-slider__control {
    width: 42px;
    position: absolute;
    top: 50%;
    cursor: auto;
    right: 0;
    transform: translate(0, -50%);
}

.extracurriculars-slider__control .slick-arrow:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.extracurriculars-slider__control .slick-dots {
    margin: 1.25rem 0;
}

.extracurriculars-slider__control .slick-dots li {
    display: block;
    margin: 1.25rem auto;
}

.extracurriculars-slider__control .slick-arrow.slick-next:before {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.extracurriculars-slider__slide.slick-current
    .extracurriculars-slider__slide-item
    .d5
    em {
    transform: translate(0, 0);
    opacity: 1;
    transition: transform 0.8s, opacity 0.8s;
}

.bottomline-adjust {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottomline-adjust__first {
    display: flex;
    align-items: center;
}

.text-right {
    text-align: right !important;
}

.extracurriculars-audio-carousel .ia-btn--media:after {
    background: #ffc425;
}

.extracurriculars-audio-carousel .extracurriculars-slider__bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.extracurriculars-audio-carousel .extracurriculars-slider__bg .slick-list {
    height: 100%;
}

.extracurriculars-audio-carousel
    .extracurriculars-slider__bg
    .slick-list
    .slick-track {
    height: 100%;
}

.extracurriculars-audio-carousel
    .extracurriculars-slider__bg
    .extracurriculars-slider__bg-item {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.extracurriculars-audio-carousel
    .extracurriculars-slider__bg
    .extracurriculars-slider__bg-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.desktop-version .ia-btn:hover {
    color: #fff;
    text-decoration: none;
}

.extracurriculars-slider__slide-author {
    display: flex;
    align-items: center;
}

.extracurriculars-slider__slide-author-photo {
    position: relative;
    margin-right: 2.5rem;
}

.extracurriculars-slider__slide-author-photo div {
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 5.625rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body .ia-bg-bear-100 {
    background-color: #fbf6ef !important;
}

.grid-people {
    padding: 6.25rem 0 0;
}

.grid-people .d4 {
    margin-bottom: 3.125rem;
}

.grid-people__slider {
    margin: 0 -1.125rem 1.25rem;
}

.grid-people__slider .slick-list {
    overflow: visible;
}

.grid-people__slide {
    position: relative;
}

.grid-people__slide .grid-people__item {
    margin: 0 1.125rem;
}

body .ia-bg-bear-400 {
    background-color: #6f605b !important;
}

.grid-people__item {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.grid-people__item > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
}

.grid-people__item-text {
    position: absolute;
    left: 1.56rem;
    right: 1.56rem;
    top: 1.56rem;
    z-index: 10;
}

.grid-people__item-text h3 {
    margin-bottom: 0.31rem !important;
}

h3 {
    font-size: 1.875;
}

.grid-people__item-image {
    width: 100%;
    padding-bottom: 145%;
    position: relative;
    transform-origin: right top;
    transition: transform 0.5s 0.1s;
}

.grid-people__item-image div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.grid-people__item-image div:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}

.desktop-version .grid-people__item:hover .grid-people__item-image {
    transform: rotate(-16.23deg);
}

body .ia-bg-purple {
    background-color: #150c45 !important;
}

body .ia-bg-green {
    background-color: #1f2719 !important;
}

.image-text-carousel__control {
    margin-top: 1.5625rem;
    position: relative;
    z-index: 10;
}

.grid-people .image-text-carousel__control {
    margin-bottom: 1.25rem;
}

.image-text-carousel__control .slick-arrow {
    display: inline-block;
    vertical-align: middle;
    color: #000;
}

.image-text-carousel__control .slick-arrow:before {
    content: url('data:image/svg+xml,<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7363 12.6719C16.4065 14.3382 13.0738 17.6709 11.4104 21.0007C13.0738 24.3305 16.4065 27.6632 19.7363 29.3296" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.image-text-carousel__control .slick-dots {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.image-text-carousel__control .slick-dots li {
    background: #000;
}

.image-text-carousel__control .slick-dots li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.80153 0.59536C7.83061 0.361614 8.16939 0.361614 8.19847 0.595359L8.81756 5.57178C8.83672 5.72582 9.01643 5.80026 9.13891 5.70489L13.0955 2.62379C13.2814 2.47907 13.5209 2.71862 13.3762 2.90447L10.2951 6.86109C10.1997 6.98357 10.2742 7.16328 10.4282 7.18244L15.4046 7.80153C15.6384 7.83061 15.6384 8.16939 15.4046 8.19847L10.4282 8.81756C10.2742 8.83672 10.1997 9.01643 10.2951 9.13891L13.3762 13.0955C13.5209 13.2814 13.2814 13.5209 13.0955 13.3762L9.13891 10.2951C9.01643 10.1997 8.83672 10.2742 8.81756 10.4282L8.19847 15.4046C8.16939 15.6384 7.83061 15.6384 7.80153 15.4046L7.18244 10.4282C7.16328 10.2742 6.98356 10.1997 6.86109 10.2951L2.90447 13.3762C2.71862 13.5209 2.47907 13.2814 2.62379 13.0955L5.70489 9.13891C5.80026 9.01643 5.72582 8.83672 5.57178 8.81756L0.59536 8.19847C0.361614 8.16939 0.361614 7.83061 0.595359 7.80153L5.57178 7.18244C5.72582 7.16328 5.80026 6.98356 5.70489 6.86109L2.62379 2.90447C2.47907 2.71862 2.71862 2.47907 2.90447 2.62379L6.86109 5.70489C6.98357 5.80026 7.16328 5.72582 7.18244 5.57178L7.80153 0.59536Z" fill="%23672118"/></svg>');
}

.image-text-carousel__control .slick-dots li.slick-active {
    background: 0 0;
}

.image-text-carousel__control .slick-dots li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.80153 0.59536C7.83061 0.361614 8.16939 0.361614 8.19847 0.595359L8.81756 5.57178C8.83672 5.72582 9.01643 5.80026 9.13891 5.70489L13.0955 2.62379C13.2814 2.47907 13.5209 2.71862 13.3762 2.90447L10.2951 6.86109C10.1997 6.98357 10.2742 7.16328 10.4282 7.18244L15.4046 7.80153C15.6384 7.83061 15.6384 8.16939 15.4046 8.19847L10.4282 8.81756C10.2742 8.83672 10.1997 9.01643 10.2951 9.13891L13.3762 13.0955C13.5209 13.2814 13.2814 13.5209 13.0955 13.3762L9.13891 10.2951C9.01643 10.1997 8.83672 10.2742 8.81756 10.4282L8.19847 15.4046C8.16939 15.6384 7.83061 15.6384 7.80153 15.4046L7.18244 10.4282C7.16328 10.2742 6.98356 10.1997 6.86109 10.2951L2.90447 13.3762C2.71862 13.5209 2.47907 13.2814 2.62379 13.0955L5.70489 9.13891C5.80026 9.01643 5.72582 8.83672 5.57178 8.81756L0.59536 8.19847C0.361614 8.16939 0.361614 7.83061 0.595359 7.80153L5.57178 7.18244C5.72582 7.16328 5.80026 6.98356 5.70489 6.86109L2.62379 2.90447C2.47907 2.71862 2.71862 2.47907 2.90447 2.62379L6.86109 5.70489C6.98357 5.80026 7.16328 5.72582 7.18244 5.57178L7.80153 0.59536Z" fill="%23672118"/></svg>');
}

.slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0.3;
}

.statistic {
    padding: 6.25rem 0;
    background: #fbf6ef;
    position: relative;
}

.statistic__bg {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 0;
    transition: width 1s 0.8s;
}

.statistic__bg:after {
    content: "";
    display: block;
    width: 100vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="240" viewBox="0 0 1440 240" fill="none"><path d="M-149 162.005C162.998 251.702 236 33.0005 434 33.0005C632 33.0005 672 244.186 856 238C1040 231.814 1080.12 -1.22362 1260.12 1.86938C1440.12 4.96239 1413 198.004 1633 198.004" stroke="%23FFC425" stroke-width="2"/></svg>')
        no-repeat 0 0/100% auto;
    padding-bottom: 16.7vw;
}

.statistic[style*="visible"] .statistic__bg {
    width: 100%;
}

.statistic .inner {
    position: relative;
}

.statistic__circle-text {
    position: absolute;
    top: 0;
    right: 0;
}

.statistic__circle-text i {
    font-size: 2.3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.statistic__slider {
    white-space: nowrap;
    margin: 0 -4rem 2.5rem;
    position: relative;
    z-index: 10;
}

.statistic__slide-outer {
    display: flex;
    justify-content: space-between;
}

.statistic__slide {
    width: 330px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4rem;
    width: calc(33.33% - 8.125rem);
}

.statistic__item {
    margin: 0;
}

.statistic__item .d1 {
    padding-bottom: 0.31rem;
    margin-bottom: 1.875rem;
    border-bottom: 1px dashed #000;
}

.statistic__item p {
    white-space: initial;
    margin-bottom: 0;
}

.statistic .slick-arrow {
    display: inline-block;
    vertical-align: middle;
}

.statistic .slick-arrow:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 11 18" fill="none"><path d="M9.7373 0.670898C6.40752 2.33726 3.07481 5.66997 1.41138 8.99976C3.07481 12.3295 6.40752 15.6623 9.7373 17.3286" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.statistic .slick-dots {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.statistic .slick-dots li:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M7.80153 0.59536C7.83061 0.361614 8.16939 0.361614 8.19847 0.595359L8.81756 5.57178C8.83672 5.72582 9.01643 5.80026 9.13891 5.70489L13.0955 2.62379C13.2814 2.47907 13.5209 2.71862 13.3762 2.90447L10.2951 6.86109C10.1997 6.98357 10.2742 7.16328 10.4282 7.18244L15.4046 7.80153C15.6384 7.83061 15.6384 8.16939 15.4046 8.19847L10.4282 8.81756C10.2742 8.83672 10.1997 9.01643 10.2951 9.13891L13.3762 13.0955C13.5209 13.2814 13.2814 13.5209 13.0955 13.3762L9.13891 10.2951C9.01643 10.1997 8.83672 10.2742 8.81756 10.4282L8.19847 15.4046C8.16939 15.6384 7.83061 15.6384 7.80153 15.4046L7.18244 10.4282C7.16328 10.2742 6.98356 10.1997 6.86109 10.2951L2.90447 13.3762C2.71862 13.5209 2.47907 13.2814 2.62379 13.0955L5.70489 9.13891C5.80026 9.01643 5.72582 8.83672 5.57178 8.81756L0.59536 8.19847C0.361614 8.16939 0.361614 7.83061 0.595359 7.80153L5.57178 7.18244C5.72582 7.16328 5.80026 6.98356 5.70489 6.86109L2.62379 2.90447C2.47907 2.71862 2.71862 2.47907 2.90447 2.62379L6.86109 5.70489C6.98357 5.80026 7.16328 5.72582 7.18244 5.57178L7.80153 0.59536Z" fill="%23672118"/></svg>');
}

.statistic .slick-dots li.slick-active {
    background: 0 0;
}

.statistic .slick-dots li {
    background: #000;
}

.choose-guide {
    padding: 6.25rem 0;
    background: #111;
    overflow: hidden;
    position: relative;
    transition: background 1s;
    box-sizing: border-box;
}

.hyp-story-cell-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
}

.hyp-story-cell-bg span {
    /* width: 25%; */
    padding-bottom: 25%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.hyp-story-cell-bg span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 10000vh;
    background: rgba(255, 255, 255, 0.04);
    width: 1px;
}

.choose-guide .inner {
    position: relative;
    z-index: 21;
}

.choose-guide .inner .content-entry {
    max-width: 255px;
    margin-left: 6.875rem;
}

.choose-guide-small {
    /* max-width: 90%; */
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    padding-top: 3.125rem;
}

.choose-guide-small .choose-guide__item {
    max-width: 25%;
    margin: 0 1.25rem;
    transform-origin: center bottom;
    transition: transform 0.8s, top 0.8s, opacity 0.8s;
}

.choose-guide-small .choose-guide__item:nth-child(1) {
    /* transform: translate(350%, 0) rotate(4deg); */
}

.choose-guide-small .choose-guide__item:nth-child(2) {
    /* transform: translate(250%, 0%) rotate(12deg); */
}

.choose-guide-small .choose-guide__item:nth-child(3) {
    /* transform: translate(150%, 0%) rotate(20deg); */
}

.choose-guide-small .choose-guide__item:nth-child(4) {
    /* transform: translate(50%, 0%) rotate(28deg); */
}

.choose-guide__item {
    width: 320px;
    margin-top: 300px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transition: opacity 0.5s;
    position: relative;
}

.choose-guide__item > span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1" height="1"></svg>'),
        pointer;
    z-index: 5;
}

.choose-guide__item .choose-guide__item-img {
    width: 100%;
    padding-bottom: 137%;
    position: relative;
    margin-bottom: 0.9rem;
    overflow: hidden;
    transition: border-radius 0.35s;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.choose-guide__item .choose-guide__item-img div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.choose-guide__item-info {
    padding-bottom: 2.25rem;
    opacity: 1;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

.choose-guide__item h3 {
    margin-bottom: 0.625rem;
}

.choose-guide__item-tags {
    text-align: center;
    margin: 0 auto;
    max-width: 250px;
}

.choose-guide__item-tags span {
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 1rem;
    padding: 0.5rem 0.625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.3125rem 0.625rem;
    color: #fff;
}

.choose-guide-btn__click {
    transition: transform 0.8s;
    transform: scale(0);
    pointer-events: none;
    position: absolute;
    z-index: 20;
}

.choose-guide-mobile__slider {
    display: none;
}

.choose-guide .slick-list {
    overflow: visible;
}

.choose-guide__item {
    width: 320px;
    margin-top: 300px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transition: opacity 0.5s;
    position: relative;
}

.choose-guide__item > a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1" height="1"></svg>'),
        pointer;
    z-index: 5;
}

.choose-guide__item .choose-guide__item-img {
    width: 100%;
    padding-bottom: 137%;
    position: relative;
    margin-bottom: 0.93rem;
    overflow: hidden;
    transition: border-radius 0.35s;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.choose-guide__item .choose-guide__item-img div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.choose-guide__item-info {
    padding-bottom: 2.5rem;
    transform: translate(0, 0);
    /* opacity: 0; */
    /* opacity: 1; */
    /* transform: translate(0, 3.125rem);
  -webkit-transform: translate(0, 3.125rem);
  -moz-transform: translate(0, 3.125rem);
  -ms-transform: translate(0, 3.125rem);
  -o-transform: translate(0, 3.125rem);
  transition: opacity .35s, transform .35s;
  -webkit-transition: opacity .35s, transform .35s;
  -moz-transition: opacity .35s, transform .35s;
  -ms-transition: opacity .35s, transform .35s;
  -o-transition: opacity .35s, transform .35s; */
}

.choose-guide__item h3 {
    margin-bottom: 0.625rem;
}

body .h5 {
    font-size: 1.5rem;
    line-height: 1.3;
}

.choose-guide__item-tags {
    text-align: center;
    margin: 0 auto;
    max-width: 250px;
}

.choose-guide__item-tags span {
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 1rem;
    padding: 0.5rem 0.625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.312rem 0.625rem;
    color: #fff;
}

.choose-guide-small.active .choose-guide__item:nth-child(1) {
    /* transform: translate(0, 9%) rotate(-12.9deg); */
}

.choose-guide-small.active .choose-guide__item:nth-child(2) {
    /* transform: translate(0, 0) rotate(-4.9deg); */
}

.choose-guide-small.active .choose-guide__item:nth-child(3) {
    /* transform: translate(0, 0) rotate(3.2deg); */
}

.choose-guide-small.active .choose-guide__item:nth-child(4) {
    /* transform: translate(0, 9%) rotate(12deg); */
}

.desktop-version .item-hovered .choose-guide__item {
    /* opacity: .2; */
    opacity: 2;
}

.desktop-version .item-hovered .choose-guide__item.hovered {
    opacity: 1;
}

.desktop-version .choose-guide__item:hover {
    opacity: 1 !important;
}

.desktop-version .choose-guide__item:hover .choose-guide__item-img {
    /* border-radius: 9.375rem 9.375rem 1.25rem 1.25rem;
  -webkit-border-radius: 9.375rem 9.375rem 1.25rem 1.25rem;
  -moz-border-radius: 9.375rem 9.375rem 1.25rem 1.25rem;
  -ms-border-radius: 9.375rem 9.375rem 1.25rem 1.25rem;
  -o-border-radius: 9.375rem 9.375rem 1.25rem 1.25rem; */
}

.desktop-version .choose-guide__item:hover .choose-guide__item-info {
    opacity: 1;
    /* transform: translate(0, 0) */
}

.announcement-date {
    color: #ffc425;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.announcement-title {
    text-transform: uppercase;
}

.announcement-description {
    font-family: "Queens", sans-serif;
    font-size: 1rem;
}

.find-out-more {
    color: #ffc425;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid red;
    display: inline-block;
    width: auto;
    background-color: red;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ffc425;
    background-color: rgba(0, 0, 0, 0.5);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px !important;
}

.swiper-pagination {
    position: static;
    margin-top: 20px;
}

.swiper-pagination-bullet {
    background: #ffc425;
}

.swiper-slide {
    height: auto;
}

.swiper-slide .card {
    color: #212529;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    background-color: #fff;
    border: none;
    box-shadow: none;
}

.event-slider-img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    -webkit-border-top-left-radius: 1.25rem;
    -webkit-border-top-right-radius: 1.25rem;
}

.footer-banner {
    background: #111;
    position: relative;
    z-index: 21;
}

.footer-banner__list {
    position: relative;
    top: -2.25rem;
    margin-bottom: -2.25rem;
}

.footer-banner__item:nth-child(1) {
    transform: rotate(2deg);
}

.footer-banner__item {
    display: block;
    white-space: nowrap;
    padding: 1.25rem 0;
    color: #000;
    height: 5.2rem;
    position: relative;
    transition: background 0.35s;
    -webkit-transition: background 0.35s;
    -moz-transition: background 0.35s;
    -ms-transition: background 0.35s;
    -o-transition: background 0.35s;
}

.footer-banner__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #eae0d1;
    filter: blur(1px);
}

.footer-banner__item:nth-child(1) .footer-banner__item-wrap {
    animation: marquee 50s linear infinite;
}

.footer-banner__item-wrap {
    will-change: transform;
    position: absolute;
    z-index: 2;
    top: 0.437rem;
}

.footer-banner__item i {
    font-size: 1.375rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 10;
    margin: 0 12px;
    top: 0;
    line-height: 1;
}

.footer-banner__item span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.footer-banner__item:nth-child(1) .footer-banner__item-img {
    left: 20%;
}

.footer-banner__item-img {
    width: 150px;
    height: 230px;
    position: absolute;
    top: 50%;
    border-radius: 150px;
    transform: translate(0, -50%) rotate(26deg) scale(0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.35s, transform 0.35s;
}

.footer-banner__item:nth-child(2) {
    background: #fbf6ef;
    transform: rotate(-0.8deg);
}

.footer-banner__item:nth-child(2) .footer-banner__item-wrap {
    animation: marquee2 50s linear infinite;
    right: 0;
}

.footer-banner__item:nth-child(2) .footer-banner__item-img {
    left: 45%;
}

.footer-banner__item:nth-child(2) .footer-banner__item-img {
    transform: translate(0, -50%) rotate(-18deg) scale(0);
}

.footer-banner__item:nth-child(3) {
    transform: rotate(0.8deg);
}

.footer-banner__item:nth-child(3) .footer-banner__item-wrap {
    animation: marquee 50s linear infinite;
}

.footer-banner__item:nth-child(3) .footer-banner__item-img {
    left: 70%;
}

.footer-banner__item:nth-child(3) .footer-banner__item-img {
    transform: translate(0, -50%) rotate(17deg) scale(0);
}

.desktop-version .footer-banner__item:hover {
    z-index: 10;
}

.desktop-version .footer-banner__item:hover:before {
    background: #ffc425;
}

.desktop-version .footer-banner__item:hover .footer-banner__item-img {
    opacity: 1;
    opacity: 0;
    transform: translate(0, -50%) rotate(26deg) scale(1);
}

.desktop-version
    .footer-banner__item:nth-child(2):hover
    .footer-banner__item-img {
    transform: translate(0, -50%) rotate(-18deg) scale(1);
}

.desktop-version
    .footer-banner__item:nth-child(3):hover
    .footer-banner__item-img {
    transform: translate(0, -50%) rotate(17deg) scale(1);
}

#content {
    position: relative;
}

.hero-flex__image.hero-flex__blog {
    padding-top: 8.125rem;
    overflow: visible;
    margin-bottom: 4.75rem;
    margin-bottom: 0rem;
}

#blogs-page .hero-flex__image.hero-flex__blog {
    padding-top: 8.125rem;
    overflow: visible;
    margin-bottom: 4.75rem;
}

.hero-flex {
    padding: 12.5rem 0 15.75rem;
    /* padding: 12.5rem 0 9.75rem; */
    padding: 12.5rem 0 12.5rem;
    background: #111;
    /* background-image: 
    url('web/webassets/images/_DSC2022.webp');
     */
    position: relative;
    overflow: hidden;
}

.hero-flex__image .inner {
    display: flex;
    justify-content: space-between;
}

.hero-flex .inner {
    position: relative;
    z-index: 10;
}

.hero-flex__image.hero-flex__blog .hero-flex__text {
    padding-top: 5rem;
    /* padding-top: 9rem; */
    padding-top: 6rem;
}

.hero-flex__text {
    max-width: 640px;
}

.breadcrumbs > span:after {
    content: url('data:image/svg+xml,<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.54741 3.86739C5.86771 4.06215 5.86771 4.52707 5.54741 4.72183L0.747028 7.64076C0.502954 7.78917 0.209205 7.54477 0.310761 7.27777L1.40491 4.40126C1.43104 4.33256 1.43104 4.25665 1.40491 4.18795L0.310761 1.31144C0.209205 1.04445 0.502954 0.800039 0.747027 0.948451L5.54741 3.86739Z" fill="black"/></svg>');
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.breadcrumbs.ia-white > span:after {
    content: url('data:image/svg+xml,<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.54741 3.72676C5.86771 3.92152 5.86771 4.38644 5.54741 4.5812L0.747028 7.50014C0.502954 7.64855 0.209205 7.40414 0.310761 7.13715L1.40491 4.26064C1.43104 4.19194 1.43104 4.11603 1.40491 4.04733L0.310761 1.17081C0.209205 0.903823 0.502954 0.659414 0.747027 0.807826L5.54741 3.72676Z" fill="white"/></svg>');
}

.breadcrumbs > span:last-child::after {
    display: none;
}

.hero-flex__image.hero-flex__blog .hero-flex__text .content-entry {
    max-width: 405px;
}

.hero-flex__image.hero-flex__blog .hero-flex__featured {
    position: relative;
    bottom: -13.5rem;
    bottom: -11.5rem;
    margin-top: -13.5rem;
}

.hero-flex__image .hero-flex__featured {
    width: 47%;
}

.hero-flex__image .hero-flex__featured .columns-section__col {
    width: 100%;
    margin: 0 !important;
}

.columns-section__col {
    margin-bottom: 2.5rem;
    position: relative;
}

.columns-section__col--col2 {
    width: calc(50% - 2.18rem);
    display: flex;
    flex-direction: column;
}

.columns-section__col > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.columns-section__col-img {
    overflow: hidden;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.columns-section__col--col2 .columns-section__col-img {
    margin-bottom: -15rem;
    position: relative;
    z-index: 5;
    padding-top: 3.125rem;
}

.columns-section__col--col2 .columns-section__col-img svg {
    display: block;
    margin: 0 auto;
    max-width: 52%;
}

.columns-section__col--col2 .columns-section__col-img:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="431" height="430" viewBox="0 0 431 430" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M217.557 13.0945C248.524 -9.82051 292.707 1.23341 309.235 36.0308L310.22 38.1041C319.178 56.9636 336.936 70.1263 357.586 73.212L359.856 73.5513C397.956 79.2447 421.382 118.303 408.464 154.596L407.694 156.758C400.693 176.428 403.942 198.293 416.362 215.076L417.727 216.921C440.642 247.888 429.588 292.071 394.791 308.599L392.718 309.584C373.858 318.542 360.695 336.301 357.61 356.95L357.27 359.22C351.577 397.32 312.518 420.746 276.226 407.828L274.063 407.058C254.393 400.057 232.529 403.307 215.746 415.726L213.9 417.091C182.934 440.006 138.75 428.952 122.222 394.155L121.237 392.082C112.28 373.222 94.5211 360.06 73.8716 356.974L71.6015 356.635C33.5013 350.941 10.0753 311.883 22.9936 275.59L23.7633 273.428C30.7648 253.758 27.5151 231.893 15.0956 215.11L13.7303 213.265C-9.1847 182.298 1.86921 138.115 36.6666 121.586L38.7399 120.602C57.5994 111.644 70.7621 93.8853 73.8478 73.2358L74.1871 70.9657C79.8805 32.8655 118.939 9.43947 155.232 22.3578L157.394 23.1275C177.064 30.129 198.929 26.8793 215.712 14.4598L217.557 13.0945Z" stroke="url(%23paint0_linear_1626_9712)" stroke-width="1.5"/><defs><linearGradient id="paint0_linear_1626_9712" x1="153.84" y1="229.887" x2="153.84" y2="354.744" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFC425"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>')
        no-repeat 0 0/100% auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    width: 70%;
    padding-bottom: 70%;
}

.columns-section__col--col2 .columns-section__col-data {
    flex-grow: 1;
    position: relative;
    padding-top: 16.25rem;
    /* padding-right: 8.75rem; */
}

.columns-section__col-data {
    background: #fff;
    padding: 3.125rem;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.columns-section__col--col2:not(.no-image)
    .columns-section__col-data
    .columns-section__col-icon {
    top: 15.31rem;
}

.columns-section__col--col2
    .columns-section__col-data
    .columns-section__col-icon {
    position: absolute;
    right: 3.125rem;
    top: 3.125rem;
}

.columns-section__col-icon {
    width: 3.75rem;
    height: 3.75rem;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 2.5rem;
    position: relative;
    transition: background 0.35s, color 0.35s;
    -webkit-transition: background 0.35s, color 0.35s;
    -moz-transition: background 0.35s, color 0.35s;
    -ms-transition: background 0.35s, color 0.35s;
    -o-transition: background 0.35s, color 0.35s;
}

.columns-section__col-data *:last-child {
    margin-bottom: 0 !important;
}

.columns-section__col-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body .ia-margin-1 {
    margin-bottom: 0.625rem !important;
}

body .h1 {
    font-size: 2.25rem;
    line-height: 1.1;
}

.col-svg-image {
    transition: transform 0.8s;
    transform-origin: center center;
}

.desktop-version .columns-section__col:hover .col-svg-image {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.student-tour__control {
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 4.375rem;
    right: 4.375rem;
    bottom: 1.56rem;
    transform: translate(0, 100%);
    opacity: 0;
    z-index: 20;
    transition: opacity 0.5s, transform 0.5s;
}

.student-tour__btn {
    width: 4.68rem;
    height: 4.68rem;
    border-radius: 4.68rem;
    background: #000;
    display: inline-block;
    color: #fff;
    padding: 0;
    font-size: 2.5rem;
    position: relative;
    cursor: pointer;
    transition: background 0.35s, color 0.35s;
    margin-left: 1.125rem;
    border: 1px solid #000;
}

.student-tour__btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.student-tour__wrap {
    font-size: 0;
    white-space: nowrap;
    height: 100vh;
}

.section-scroll {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.25rem;
    padding: 0 35px;
    min-height: 540px;
    min-height: 450px;
}

.student-tour__hero {
    height: 100vh;
    width: 100vw;
    position: relative;
    left: 0;
    top: 0;
    z-index: 20;
    box-sizing: border-box;
    white-space: normal;
    padding: 0 !important;
}

.student-tour__hero.active {
    z-index: 0;
}

.student-tour__hero-in {
    width: 100vw;
    height: 100vh;
    left: 0 !important;
    top: 0;
}

.student-tour__hero-scroll {
    position: absolute;
    top: 430px;
    right: -4.625rem;
    display: none;
}

.student-tour__hero-color {
    width: 49%;
    height: 100%;
    position: absolute;
    left: 25%;
    background: #000;
    /* z-index: 2; */
    transition: all 0.8s ease-out;
}

.student-tour__hero-color-purple {
    background: #150c45;
}

.student-tour__hero-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.student-tour__hero-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.student-tour__hero .inner {
    position: relative;
    z-index: 20;
    height: 100%;
    pointer-events: none;
}

.st-t-tour .student-tour__hero .inner {
    pointer-events: auto;
}

.student-tour__hero-photo {
    width: 390px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 10;
    border-radius: 200px 200px 1.25rem 1.25rem;
    -webkit-border-radius: 200px 200px 1.25rem 1.25rem;
    -moz-border-radius: 200px 200px 1.25rem 1.25rem;
    -ms-border-radius: 200px 200px 1.25rem 1.25rem;
    -o-border-radius: 200px 200px 1.25rem 1.25rem;
}

.student-tour__hero-photo > div {
    width: 100%;
    padding-bottom: 145%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.student-tour__hero-photo > div:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.fullscreen__text {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.student-tour__hero-text-in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 3.75rem);
    transform: translate(-50%, -50%);
    transform: translate(-50%, 0%);
    z-index: 9;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
}

.student-tour__hero-text-in .d1 {
    text-align: center;
}

.student-tour__hero-photo .d1 {
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    text-shadow: none;
    color: transparent;
}

.student-tour__hero-info {
    display: none;
}

.student-tour__hero-info .content-entry {
    padding: 4rem 0;
    max-width: 310px;
}

.student-tour__btns {
    display: inline-block;
    padding: 0.625rem;
    border-radius: 6.25rem;
    background: #000;
    -webkit-border-radius: 6.25rem;
    -moz-border-radius: 6.25rem;
    -ms-border-radius: 6.25rem;
    -o-border-radius: 6.25rem;
}

.student-tour__hero-info .student-tour__btns {
    background: 0 0;
}

.ia-btn.ia-bg-black {
    color: #fff;
}

.student-tour__btns .ia-btn.ia-bg-black {
    border: 1px solid #1f1f1f;
}

.ia-btn--big span {
    padding: 0.93rem 1.125rem;
}

.ia-btn span i {
    font-size: 1.125rem;
}

.student-tour__hero-text-mobile {
    display: none;
}

.galley__slider-wrap {
    position: relative;
}

.galley__slider-landscape {
    max-width: 615px;
}

.galley__image {
    width: 100%;
    margin-bottom: 0.625rem;
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.galley__slider-landscape .galley__image {
    padding-bottom: 72%;
    padding-bottom: 60%;
}

.galley__image div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.galley__image span {
    display: none;
}

.galley__image:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    opacity: 0.7;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.galley__slider__control {
    position: absolute;
    right: 1.68rem;
    top: 0;
}

.galley__slider-landscape + .galley__slider__control {
    padding-top: calc(60% - 3.68rem);
}

.galley__slider__control-info {
    color: #fbf6ef;
    font-size: 1.125rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.galley__slider__control .slick-arrow {
    background: #000;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 2.375rem;
    margin-left: 0.625rem;
    transition: color 0.35s, background 0.35s;
    color: #fff;
    border: 1px solid #000;
}

.galley__slider__control .slick-arrow:before {
    content: "";
    font-family: "icomoon" !important;
    font-size: 1.125rem;
    transition: color 0.35s;
}

.tour-text__bottom {
    max-width: 392px;
    position: relative;
}

.tour-text__bottom:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="321" height="266" viewBox="0 0 321 266" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5" clip-path="url(%23clip0_2983_5932)"><path d="M311.203 0.756958H0.113281V259.012H311.203V0.756958Z" stroke="%23555555" stroke-width="0.242985"/><path d="M51.873 0.650879V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M103.738 0.650635V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M155.604 0.650879V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M207.473 0.650879V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M259.338 0.650635V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M311.203 0.650879V259.012" stroke="%23555555" stroke-width="0.242985"/><path d="M311.203 51.7148H0.767578" stroke="%23555555" stroke-width="0.242985"/><path d="M311.203 103.54H0.767578" stroke="%23555555" stroke-width="0.242985"/><path d="M311.203 155.364H0.767578" stroke="%23555555" stroke-width="0.242985"/><path d="M311.203 207.188H0.767578" stroke="%23555555" stroke-width="0.242985"/></g><defs><clipPath id="clip0_2983_5932"><rect width="321" height="266" fill="white" transform="translate(0.00585938)"/></clipPath></defs></svg>')
        no-repeat 0 0/100% auto;
    width: 82%;
    padding-bottom: 66.5%;
    display: block;
    margin-bottom: 2.5rem;
}

.tour-text__bottom .h3 {
    position: relative;
    padding-top: 2.5rem;
}

.tour-text__bottom .h3:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="89" height="126" viewBox="0 0 89 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.602 62.8554L0.462415 62.8554C0.431483 97.3163 28.3962 125.25 62.857 125.25L88.9966 125.25C88.9966 90.7891 61.0629 62.8554 26.602 62.8554Z" fill="%23FFC425"/><path d="M26.6054 62.8559L0.465809 62.8559C0.465815 28.395 28.3996 0.461248 62.8604 0.461254L89 0.461258C89 34.9221 61.0663 62.8559 26.6054 62.8559Z" fill="%23FFC425"/></svg>')
        no-repeat 0 0/100% auto;
    width: 89px;
    height: 126px;
    position: absolute;
    bottom: 100%;
}

.tour-video {
    width: 390px;
    max-width: 100%;
}

.tour-video__image {
    width: 85%;
    padding-bottom: 85%;
    margin-bottom: -12.5rem;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.tour-video__image-in {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.tour-video__image-square .tour-video__image-in {
    transform: rotate(8deg);
    border-radius: 1.125rem;
    -webkit-border-radius: 1.125rem;
    -moz-border-radius: 1.125rem;
    -ms-border-radius: 1.125rem;
    -o-border-radius: 1.125rem;
}

.tour-video__image-in div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    transition: transform 0.5s;
}

.tour-video__image-square .tour-video__image-in div {
    transform: rotate(-8deg);
    margin-top: -10%;
    margin-left: -10%;
    width: 115%;
    height: 115%;
}

.tour-video__image svg {
    position: absolute;
    right: -1.875rem;
    bottom: 0;
}

.desktop-version .tour-video:hover .tour-video__image-in div {
    transform: scale(1.2);
}

.desktop-version .tour-video:hover .tour-video__image .hover-part {
    fill: #fee8cb;
}

.hover-part {
    transition: fill 0.35s;
}

.tour-video__text {
    padding: 14rem 1.56rem 2.5rem;
    border-radius: 1.125rem;
    background: #fbf6ef;
    margin: 0 0 0 auto;
    max-width: 320px;
    box-sizing: border-box;
    -webkit-border-radius: 1.125rem;
    -moz-border-radius: 1.125rem;
    -ms-border-radius: 1.125rem;
    -o-border-radius: 1.125rem;
}

.single-student-tour {
    background: #eae0d1;
    opacity: 0;
}

.single-student-tour.active-loaded {
    opacity: 1;
}

.desktop-version .tour-video:hover .tour-video__text .h3 span {
    border-bottom: 1px solid #111;
}

.tour-video__text .h3 span {
    transition: border 0.35s;
    border-bottom: 1px solid transparent;
}

.tour-video__image-circle .tour-video__image-in {
    border-radius: 50%;
}

body .ia-margin-0 {
    margin-bottom: 0 !important;
}

.student-tour__hero-info .content-entry {
    padding: 4rem 0;
    max-width: 310px;
}

.tour-text__top {
    max-width: 320px;
    position: relative;
    padding-bottom: 87px;
}

.tour-text__top:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="89" height="88" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.5391 0.364746V40.274V87.539" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M88.1293 43.9484H48.22H0.955078" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M75.3612 13.1334L47.1408 41.347L13.7246 74.77" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M75.3612 74.77L47.1408 46.5496L13.7246 13.1334" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M84.407 61.5671L47.9072 45.4363L4.66992 26.3374" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M26.9277 83.8172L43.0585 47.3174L62.1574 4.08008" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M84.9498 27.6206L47.9542 42.5696L4.13281 60.2829" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/><path d="M60.8733 84.3604L45.9175 47.3649L28.2109 3.54346" stroke="%23FFC425" stroke-width="4" stroke-miterlimit="10"/></svg>')
        no-repeat 0 0/100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 89px;
    height: 88px;
}

.tour-text__top:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="275" height="71" viewBox="0 0 275 71" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2983_1458)"><path d="M269.342 0.876465H5.00586C2.24444 0.876465 0.00585938 3.11504 0.00585938 5.87646C0.00585938 8.63789 2.24444 10.8765 5.00586 10.8765H269.342C272.103 10.8765 274.342 8.63789 274.342 5.87646C274.342 3.11504 272.103 0.876465 269.342 0.876465Z" fill="%23FBF6EF"/><path d="M219.046 30.8765H5.00586C2.24444 30.8765 0.00585938 33.115 0.00585938 35.8765C0.00585938 38.6379 2.24444 40.8765 5.00586 40.8765H219.046C221.808 40.8765 224.046 38.6379 224.046 35.8765C224.046 33.115 221.808 30.8765 219.046 30.8765Z" fill="%23FBF6EF"/><path d="M166.925 60.8765H5.00586C2.24444 60.8765 0.00585938 63.115 0.00585938 65.8765C0.00585938 68.6379 2.24443 70.8765 5.00586 70.8765H166.925C169.687 70.8765 171.925 68.6379 171.925 65.8765C171.925 63.115 169.687 60.8765 166.925 60.8765Z" fill="%23FBF6EF"/></g><defs><clipPath id="clip0_2983_1458"><rect width="274.336" height="70" fill="white" transform="translate(0.00585938 0.876465)"/></clipPath></defs></svg>')
        no-repeat 0 0/100% auto;
    display: block;
    width: 85%;
    padding-bottom: 22.1%;
    margin: 3.125rem 0;
}

.blog-posts {
    padding-bottom: 3.125rem;
}

.filter-bar {
    margin: 3.125rem 0;
}

.columns-section__row-col2,
.columns-section__row-col3 {
    display: flex;
    flex-wrap: wrap;
}

.columns-section__col {
    margin-bottom: 2.5rem;
    position: relative;
}

.columns-section__col--col3 {
    width: calc(33.33% - 2.93rem);
    margin-right: 4.375rem;
    margin-right: 2.875rem;
    display: flex;
    flex-direction: column;
}

.columns-section__col > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.columns-section__col-img {
    overflow: hidden;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.columns-section__col--col3 .columns-section__col-img {
    width: 100%;
    padding-bottom: 68%;
    position: relative;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.columns-section__col--col3 .columns-section__col-img div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform 0.8s;
}

.columns-section__col-data {
    background: #fff;
    padding: 3.125rem;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.columns-section__col--col3 .columns-section__col-data {
    flex-grow: 1;
    position: relative;
    padding: 1.875rem 5rem 1.875rem 1.56rem;
}

.columns-section__col-icon {
    width: 3.75rem;
    height: 3.75rem;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 1.56rem;
    position: relative;
    transition: background 0.35s, color 0.35s;
    -webkit-transition: background 0.35s, color 0.35s;
    -moz-transition: background 0.35s, color 0.35s;
    -ms-transition: background 0.35s, color 0.35s;
    -o-transition: background 0.35s, color 0.35s;
}

.columns-section__col--col3
    .columns-section__col-data
    .columns-section__col-icon {
    position: absolute;
    right: 1.56rem;
    top: -0.9375rem;
}

.columns-section__col-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.columns-section__col-type i {
    margin: 0 7px;
    color: #672118;
    font-size: 0.75rem;
}

body.blog,
body.category {
    background: #eae0d1;
}

.desktop-version
    .columns-section__col.columns-section__col--row:hover
    .columns-section__col-img
    div,
.desktop-version
    .columns-section__col.columns-section__col--col3:hover
    .columns-section__col-img
    div {
    transform: scale(1.1);
}

.desktop-version .columns-section__col:hover .columns-section__col-icon {
    background: #fee8cb;
    color: #000;
}

.columns-section__col h3 span {
    border-bottom: 1px solid transparent;
    /* transition: border .35s; */
}

/* .desktop-version .columns-section__col:hover h3 span {
  border-bottom: 1px solid #000;
} */

.wp-pagenavi {
    text-align: center;
    display: inline-block;
    padding: 0 38px;
    position: relative;
}

.wp-pagenavi > span,
.wp-pagenavi > a {
    width: 38px;
    height: 38px;
    border-radius: 38px;
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    position: relative;
    font-size: 1.375rem;
    color: #000;
    transition: background 0.35s;
    margin: 0 0.3125rem;
    -webkit-transition: background 0.35s;
    -moz-transition: background 0.35s;
    -ms-transition: background 0.35s;
    -o-transition: background 0.35s;
}

.wp-pagenavi > span.current,
.wp-pagenavi > a.current {
    background: #fff;
}

.wp-pagenavi > span.nextpostslink,
.wp-pagenavi > span.previouspostslink,
.wp-pagenavi > a.nextpostslink,
.wp-pagenavi > a.previouspostslink {
    background: #000;
    color: #fff;
    top: 50%;
    margin: 0;
    /*position: absolute;
  */
    transform: translate(0, -0);
    -webkit-transform: translate(0, -0%);
    -moz-transform: translate(0, -0%);
    -ms-transform: translate(0, -0%);
    -o-transform: translate(0, -0%);
}

.wp-pagenavi > span.nextpostslink,
.wp-pagenavi > a.nextpostslink {
    right: 0;
}

.wp-pagenavi > span i,
.wp-pagenavi > a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    color: #fff;
}

.desktop-version .wp-pagenavi a.page:hover,
.desktop-version .wp-pagenavi a.first:hover,
.desktop-version .wp-pagenavi a.last:hover {
    background: #fff;
    text-decoration: none;
}

.desktop-version .wp-pagenavi a.nextpostslink:hover,
.desktop-version .wp-pagenavi a.previouspostslink:hover {
    background: #9f9592;
}

.extracurriculars-slider__slide-author-info .sub-title {
    margin-bottom: 0;
    line-height: 1;
}

.choose-guide__green .choose-guide__item.slick-active,
.choose-guide__brown .choose-guide__item.slick-active,
.choose-guide__bear .choose-guide__item.slick-active,
.choose-guide__purple .choose-guide__item.slick-active {
    opacity: 0.2 !important;
}

.wp-pagenavi > span.previouspostslink::before,
.wp-pagenavi > a.previouspostslink::before,
.wp-pagenavi > span.nextpostslink::before,
.wp-pagenavi > a.nextpostslink::before {
    content: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31152 0.670898C5.98174 2.33726 2.64902 5.66997 0.985596 8.99976C2.64902 12.3295 5.98174 15.6623 9.31152 17.3286" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    content: "";
    font-family: "icomoon" !important;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.wp-pagenavi > span.nextpostslink::before,
.wp-pagenavi > a.nextpostslink::before {
    rotate: 180deg;
    transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform-origin: center;
}

.single-blog-artical {
    background: rgba(0, 0, 0, 0.8);
    background-color: #6f605b !important;
}

.single-blog-artical .hero-post__in {
    max-width: none;
}

.single-blog-artical .inner {
    max-width: 1360px;
    width: 95%;
    padding: 0 1.875rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.flex-section {
    margin: 4.375rem 0;
}

.flex-section:first-child {
    margin-top: 0;
}

.flex-section.no-margin {
    margin: 0;
}

.form-section .inner {
    display: flex;
}

.form-section__left {
    width: 50%;
    box-sizing: border-box;
    padding-right: 3.75rem;
    padding-top: 7.5rem;
}

#flex-section__1 .form-section__left {
    padding-top: 11rem;
    padding-block: 6.25rem;
}

.form-section__image {
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 2.187rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
}

.form-section__left .content-entry {
    max-width: 470px;
}

.form-section__right {
    width: 50%;
    padding: 4.375rem 0 4.375rem 3.6875rem;
    position: relative;
    box-sizing: border-box;
}

#flex-section__1 .form-section__right {
    padding-top: 10rem;
    padding-top: 6.25rem;
}

.form-section__right-in {
    position: relative;
    z-index: 5;
}

.thank-section {
    position: relative;
    z-index: 10;
    display: none;
}

.form-section__right:after {
    position: absolute;
    content: "";
    background: #eae0d1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
}

.thank-section h4 {
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

.thank-section .sub-title {
    opacity: 0;
    transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

.thank-section__btns {
    opacity: 0;
    transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
    transform: translate(0, 3.125rem);
    -webkit-transform: translate(0, 3.125rem);
    -moz-transform: translate(0, 3.125rem);
    -ms-transform: translate(0, 3.125rem);
    -o-transform: translate(0, 3.125rem);
}

form {
    color: #111;
    position: relative;
}

.input-wrap {
    position: relative;
}

.input-wrap {
    display: block;
    position: relative;
    /* margin-bottom: 1.25rem; */
}

.field-row:after {
    content: "";
    display: block;
    clear: both;
}

.field-row .field-col {
    float: left;
    width: 46%;
    margin-bottom: 1rem;
}

.field-row .field-col:nth-child(2n + 1) {
    margin-right: 8%;
}

input {
    /* -webkit-appearance: none; */
    -webkit-border-radius: 0;
}

input,
select {
    vertical-align: middle;
    box-sizing: border-box;
}

.input-wrap input {
    margin-bottom: 0 !important;
}

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"],
form input[type="date"],
form textarea {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 400;
    font-family: "Calibre", sans-serif;
    border: 1px solid #e1d7c7;
    background: #fbf6ef;
    padding: 0 1.06rem;
    border-radius: 0.625rem;
    height: 3.43rem;
    height: 2.9rem;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    color: #000;
    outline: none;
    margin-bottom: 1.25rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}

.field-row .sub-title {
    margin-bottom: 0.93rem;
    font-weight: 500;
}

/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
    width: 100%;
}

.custom-select select {
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.select-selected,
select {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #fff;
    transition: all 0.24s ease-out;
    box-sizing: border-box;
    box-shadow: none;
    font-size: 1.1rem;
    line-height: 2.3rem;
    height: 3.43rem;
    font-weight: 400;
    border: 1px solid #e1d7c7;
    background: #fbf6ef;
    padding: 0 1.875rem 0 1rem;
    max-width: 100%;
    width: 100%;
    color: #555;
    outline: none;
    margin-bottom: 1.25rem;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    content: "";
    display: block;
    position: absolute;
    color: #000;
    font-size: 1.5rem;
    font-family: "icomoon" !important;
    line-height: 1;
    top: 50%;
    right: 0.625rem;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.select-selected.select-arrow-active,
.select-items div {
    background-color: white;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    content: "";
    display: block;
    position: absolute;
    color: #000;
    font-size: 1.5rem;
    font-family: "icomoon" !important;
    line-height: 1;
    top: 50%;
    right: 0.625rem;
    transform: translate(0, -50%);
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    padding: 8px 16px;
    border: 1px solid #e1d7c7;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #fbf6ef;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    max-height: calc(42px * 5);
    overflow: hidden;
    scrollbar-width: thin;
    overflow-y: auto;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.select-items div:first-child:hover,
.select-items div:first-child {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}

.select-items div:last-child:hover,
.select-items div:last-child {
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

form button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.explore__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.explore__bg:after {
    /* background: linear-gradient(94deg, #eae0d1 40%, rgba(125, 185, 232, 0) 100%); */
    background: #eae0d1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
}

.explore__body {
    padding: 11rem 0 6.25rem;
    min-height: calc(100vh - 345px);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background-color: #eae0d1;
}

.inner--slim-1172 {
    max-width: 1172px;
    max-width: 1380px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.explore__body-info {
    max-width: 45rem;
    max-width: 28.125rem;
}

.explore__body-icons {
    display: flex;
    margin: 0 -0.9375rem;
    max-width: 55rem;
    max-width: 42.375rem;
}

.explore__body-icon {
    width: calc(50% - 1.875rem);
    margin: 0 0.8375rem;
    display: flex;
    align-items: center;
}

.explore__body-icon svg {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.explore__body-icon p {
    width: calc(100% - 7.5rem);
}

.hyp_textarea {
    max-height: 150px;
    height: 100%;
    padding: 1.06rem;
    margin-bottom: 0;
}

#proposedEntryTerm label input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

#proposedEntryTerm label input[type="radio"]:checked {
    accent-color: #868686;
}

.faq-title {
    padding-block: 1rem;
    height: auto;
}

.animation-none {
    animation: none;
    -webkit-animation: none;
}

.loop-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-wrap: pretty;
    max-width: 1360px;
    margin-inline: auto;
    padding-inline: 1.8rem;
    padding-block: 0.8rem;
    margin-bottom: 0 !important;
}

.faq-info {
    padding: 0;
}

.faq-info-in {
    display: inherit;
    text-wrap: pretty;
    max-width: 1360px;
    margin-inline: auto;
    padding-inline: 1.8rem;
}

.faq-info__text {
    padding: initial;
    width: auto;
}

.accordion_icon {
    left: 80%;
}

.faq_accordion {
    margin-bottom: 6.25rem;
}

.hero-flex__dark:before {
    content: "";
    position: absolute;
    width: 520px;
    background: #000;
    height: 400px;
    border-radius: 1.25rem;
    left: 68%;
    top: 50%;
    z-index: 5;
    transform: translate(30%, -50%) rotate(45deg);
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.hero-flex__dark .hero-flex__dec-1 {
    position: absolute;
    left: 57%;
    top: 30%;
    z-index: 6;
}

.hero-flex__dark .hero-flex__dec-2 {
    position: absolute;
    left: 74%;
    top: 23%;
    z-index: 6;
}

.hero-flex__dark .hero-flex__dec-3 {
    position: absolute;
    left: 61%;
    bottom: 0;
}

.flex-section:last-child {
    margin-bottom: 0;
}

.hero-flex__dark .hero-flex__dec-1 svg {
    animation: infinite 10s clock linear;
    -webkit-animation: infinite 10s clock linear;
}

@keyframes clock {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.hero-flex__dark .hero-flex__dec-2 svg path {
    stroke-dasharray: 1590;
    stroke-dashoffset: 1590;
    transition: stroke-dashoffset 3s 0.8s;
    -webkit-transition: stroke-dashoffset 3s 0.8s;
    -moz-transition: stroke-dashoffset 3s 0.8s;
    -ms-transition: stroke-dashoffset 3s 0.8s;
    -o-transition: stroke-dashoffset 3s 0.8s;
}

.hero-flex__dark .hero-flex__dec-2[style*="visible"] svg path {
    stroke-dashoffset: 0;
}

#board-and-committee-page .hyp-story__carousel-control,
#admission-page .hyp-story__carousel-control {
    display: none;
}

.z_9 {
    z-index: 9;
}

.grid-people__slider-not {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 22px 22px;
    grid-auto-flow: row;
}

.grid-people__slider-not .grid-people__slide .grid-people__item {
    margin: 0;
}

.grid-people:has(.grid-people__slider-not) {
    padding: 6.25rem 0 !important;
}

#admission-page .explore__body {
    padding: 6rem 0;
}

ul li ul li p {
    margin-bottom: 0.5rem;
}

.policy-heading-text {
    position: relative;
    z-index: 1000;
}

/* modal code */
.modal {
    display: none;
    border-radius: 10px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    border: 1px solid #888;
    width: 80%;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
    max-width: 800px !important;

    position: relative;
    display: flex;
}

.close {
    color: #9b83f6;
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 28px;
    font-weight: bold;
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
}

.close:hover,
.close:focus {
    color: #4d3185;
    text-decoration: none;
    cursor: pointer;
}

.modal-col {
    display: flex;
}

.custom-swal-button {
    background-color: #ffc425 !important;
    /* Match the icon color */
    color: #fff !important;
    /* Optional: Adjust text color for contrast */
    border: none;
    /* Optional: Remove border */
    box-shadow: none;
    /* Optional: Remove shadow */
}

.custom-swal-button:hover {
    background-color: #e6af20 !important;
    /* Optional: Slightly darker shade for hover */
}

.modal-image {
    flex: 1;
    background-image: url("web/webassets/images/IMG_7925.webp");
    background-size: cover;
    background-position: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.modal-form {
    flex: 1;
    padding: 20px;
}

.modal-content h2 {
    color: #333;
    margin-top: 0;
}

.modal-content form {
    display: flex;
    flex-direction: column;
}

.modal-content label {
    margin-top: 6px;
    color: #4d3185;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.modal-content form input {
    margin-top: 5px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 4px;
    font-size: 1.125rem;
    height: auto;
}

.modal-content select {
    margin-top: 5px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 4px;
    font-size: 1.125rem;
    height: auto;
}

.modal-content textarea {
    margin-top: 5px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 4px;
    font-size: 1.125rem;
    height: auto;
}

.modal-content select option {
    font-size: 1rem;
}

.modal-content textarea {
    resize: vertical;
    min-height: 80px;
    padding: 10px !important;
    font-size: 1.125rem;
    background-color: transparent;
}

.modal-content .error {
    color: red;
    font-size: 0.8em;
    height: 15px;
    visibility: hidden;
}

.modal-content input,
textarea,
label,
select:focus {
    outline: none;
}

.modal-content textarea,
label,
option:active {
    outline: none;
}

.modal-content button[type="submit"] {
    margin-top: 20px;
    padding: 10px;
    background-color: #4d3185;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.modal-content button[type="submit"]:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

.modal form input,
select,
textarea {
    margin-bottom: 0px !important;
    height: none;
}

.swal2-popup {
    border-radius: 15px;
}

.swal2-title {
    color: #7848e3;
}

.swal2-html-container {
    color: #333;
}

.whybest {
    margin-bottom: 20px !important;
}

.offcanvas-body {
    padding-top: 20px;
}

.sbles-details {
    background: #fbf6ef;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-family: "Calibre", sans-serif;
}

table,
th,
td {
    border: 1px solid #ddd;
}

th {
    text-transform: uppercase;
}

th,
td {
    padding: 10px;
    text-align: left;
}

th {
    background-color: #f5f5f5;
}

table a {
    color: #212529;
    text-decoration: none;
}

table a:hover {
    text-decoration: underline;
}

/* Responsive Layout */
@media (max-width: 768px) {
    table,
    th,
    td {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    table,
    th,
    td {
        font-size: 12px;
    }


    .custom-dropdown {
        height: 45px;
        /* Adjust height to make the dropdown shorter */
        /* padding: 4px 8px; */
        /* Optional: Adjust padding for a better fit */
        font-size: 18px;
        /* Optional: Adjust font size */
        line-height: normal;
        /* Ensure proper text alignment */
    }

    .custom-dropdown option {
        font-size: 18px;
        /* Optional: Ensure consistent font size for options */
    }
}