@charset "UTF-8";
/**
 * This injects Tailwind's base styles and any base styles registered-500 by
 * plugins.
 */
/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}

@font-face {
    font-family: 'Nunito','Nunito';
    src: url("../fonts/Nunito-Regular.eot");
    src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Regular.woff2") format("woff2"), url("../fonts/Nunito-Regular.woff") format("woff"), url("../fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito','Nunito';
    src: url("../fonts/Nunito-Bold.eot");
    src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Bold.woff2") format("woff2"), url("../fonts/Nunito-Bold.woff") format("woff"), url("../fonts/Nunito-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #e5e7eb; /* 2 */
}

::before,
::after {
    --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    -webkit-text-size-adjust: 100%; /* 3 */ /* 2 */
    font-feature-settings: normal; /* 5 */
    -webkit-tap-highlight-color: transparent; /* 7 */
    line-height: 1.5; /* 1 */
    font-family: Montserrat, sans-serif; /* 4 */
    font-variation-settings: normal; /* 6 */
    tab-size: 4; /* 3 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
	font-family: Montserrat, sans-serif;
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
    border-top-width: 1px; /* 3 */
    height: 0; /* 1 */
    color: inherit; /* 2 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
    font-family: Montserrat, sans-serif;
    line-height: unset;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
    color: inherit;
    text-decoration: inherit;font-family: Montserrat, sans-serif;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
    font-weight: bolder;font-family: Montserrat, sans-serif;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
    font-feature-settings: normal; /* 2 */
    font-size: 1em; /* 4 */
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-variation-settings: normal; /* 3 */
}
/*
Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
    text-indent: 0; /* 1 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
    color: inherit; /* 1 */
    font-weight: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: inherit; /* 1 */
    font-family: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
    text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button; /* 1 */
    background-image: none; /* 2 */
    background-color: transparent; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
    outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
    box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
    vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
    display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;font-family: Montserrat, sans-serif;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
    resize: vertical;
}
    /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
    input::placeholder,
    textarea::placeholder {
        opacity: 1; /* 1 */
        color: #9ca3af; /* 2 */
    }
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
    cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
    max-width: 100%;
    height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

html, body {
    scroll-behavior: smooth;
    font-size: 16px;
	font-family: Montserrat, sans-serif;
}

@media (min-width: 1200px) {
    html, body {
        font-size: 1vw;
    }
}

body {
    --tw-text-opacity: 1;
    overflow-y: overlay;
    color: rgb(51 51 51 / var(--tw-text-opacity));
    font-family: Montserrat, sans-serif;
}

h1 {
    font-weight: 700;
    font-size: clamp(12px,calc(30/1920*100rem),calc(30/1920*100rem));font-family: Montserrat, sans-serif;
}

h2 {
    font-weight: 700;
    font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));font-family: Montserrat, sans-serif;
}

h3 {
    font-weight: 700;
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));font-family: Montserrat, sans-serif;
}

h4 {
    font-weight: 700;
    font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));font-family: Montserrat, sans-serif;
}

h5 {
    font-weight: 700;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));font-family: Montserrat, sans-serif;
}

h6 {
    font-weight: 700;
    font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));font-family: Montserrat, sans-serif;
}

a {
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: linear;font-family: Montserrat, sans-serif;
}

    a:hover {
        color: currentColor;
    }

img {
    display: inline;
    max-width: 100%;
}

@media (min-width: 1200px) {
    main, div {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}
/**
 * This injects Tailwind's component classes and any component classes
 * registered-500 by plugins.
 */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px /* 15px */;
    padding-left: 15px /* 15px */;
    width: 100%;
}

@media (min-width: 400px) {
    .container {
        max-width: 400px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: calc(15/1920*100rem);
        padding-left: calc(15/1920*100rem);
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 400px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 96vw;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: calc(1534 / 1920 * 100rem);
    }
}

.equal-height .row > [class*=col] > * {
    height: 100%;
}

.equal-height .swiper-slide {
    height: auto;
}

    .equal-height .swiper-slide > * {
        height: 100%;
    }

.lozad-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-cover {
    position: relative;
    overflow: hidden;
}

    .img-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.img-contain {
    position: relative;
    overflow: hidden;
}

    .img-contain img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
/**
 * This injects Tailwind's utility classes and any utility classes registered-500
 * by plugins.
 */
.visible {
    visibility: visible;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.-mt-8 {
    margin-top: calc(calc(32/1920*100rem) * -1);
}

.mb-5 {
    margin-bottom: calc(20/1920*100rem);
}

.mb-6 {
    margin-bottom: calc(24/1920*100rem);
}

.mb-7 {
    margin-bottom: calc(28/1920*100rem);
}

.mt-1 {
    margin-top: calc(4/1920*100rem);
}

.mt-10 {
    margin-top: calc(40/1920*100rem);
}

.mt-4 {
    margin-top: calc(16/1920*100rem);
}

.mt-6 {
    margin-top: calc(24/1920*100rem);
}

.mt-8 {
    margin-top: calc(32/1920*100rem);
}

.mt-9 {
    margin-top: calc(36/1920*100rem);
}

.box-content {
    box-sizing: content-box;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.w-full {
    width: 100%;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
    resize: both;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-6 {
    gap: calc(24/1920*100rem);
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(20/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(20/1920*100rem) * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(32/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(32/1920*100rem) * var(--tw-space-y-reverse));
}

.overflow-hidden {
    overflow: hidden;
}

.border {
    border-width: 1px;
}

.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.bg-primary-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
}

.bg-primary-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(143 7 40 / var(--tw-bg-opacity));
}

.text-center {
    text-align: center;
}

.font-bold {
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-primary-900 {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.shadow {
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-duration: 150ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.section {
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .section {
        padding-top: calc(60/1920*100rem);
        padding-bottom: calc(60/1920*100rem);
    }
}

.section-t {
    padding-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .section-t {
        padding-top: calc(60/1920*100rem);
    }
}

.section-b {
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .section-b {
        padding-bottom: calc(60/1920*100rem);
    }
}

.section-large {
    padding-top: calc(60/1920*100rem);
    padding-bottom: calc(60/1920*100rem);
}

@media (min-width: 1200px) {
    .section-large {
        padding-top: calc(80/1920*100rem);
        padding-bottom: calc(80/1920*100rem);
    }
}

.section-t-large {
    padding-top: calc(60/1920*100rem);
}

@media (min-width: 1200px) {
    .section-t-large {
        padding-top: calc(80/1920*100rem);
    }
}

.section-b-large {
    padding-bottom: calc(60/1920*100rem);
}

@media (min-width: 1200px) {
    .section-b-large {
        padding-bottom: calc(80/1920*100rem);
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(calc(16/1920*100rem) * -1);
    margin-left: calc(calc(16/1920*100rem) * -1);
}

    .row > * {
        padding-right: calc(16/1920*100rem);
        padding-left: calc(16/1920*100rem);
    }

.swiper-relative {
    position: relative;
}

.img-zoom-in img {
    transition: .35s all ease-in-out;
}

.img-zoom-in:hover img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.desktop-only {
    display: none;
}

@media (min-width: 1024px) {
    .desktop-only {
        display: block;
    }
}

.mobile-only {
    display: block;
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none;
    }
}

.img-704 {
    max-width: 36.66666666666667rem;
}
/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */
@media (min-width: 768px) {
    .md\:w-1\/2 {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .lg\:w-1\/2 {
        width: 50%;
    }

    .lg\:w-1\/3 {
        width: 33.333333%;
    }

    .lg\:w-10\/12 {
        width: 83.333333%;
    }

    .lg\:w-2\/3 {
        width: 66.666667%;
    }

    .lg\:w-5\/12 {
        width: 41.666667%;
    }

    .lg\:w-7\/12 {
        width: 58.333333%;
    }

    .lg\:text-left {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .xl\:mt-11 {
        margin-top: calc(44/1920*100rem);
    }

    .xl\:mt-16 {
        margin-top: calc(64/1920*100rem);
    }

    .xl\:w-1\/2 {
        width: 50%;
    }

    .xl\:w-1\/4 {
        width: 25%;
    }

    .xl\:w-3\/4 {
        width: 75%;
    }
}

.edit-link i:before {
    content: '✏️';
}

html, body {
    scroll-padding-top: calc(88/1920*100rem);
}

@media (min-width: 768px) {
    html, body {
        scroll-padding-top: calc(108/1920*100rem);
    }
}

@media (min-width: 1200px) {
    html, body {
        scroll-padding-top: calc(120/1920*100rem);
    }
}

.tabslet-tabs {
    display: flex;
    align-items: center;
    gap: calc(16/1920*100rem);
    overflow-x: auto;
}

@media (min-width: 768px) {
    .tabslet-tabs {
        justify-content: center;
        overflow: visible;
    }
}

.tabslet-tabs a {
    --tw-text-opacity: 1;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: background-size 350ms;
    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
}

    .tabslet-tabs a:hover {
        background-size: 100% 1px;
        background-position-x: left;
    }

.tabslet-tabs a {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .tabslet-tabs a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.tabslet-tabs li {
    width: max-content;
}

@media (min-width: 768px) {
    .tabslet-tabs li + li {
        --tw-border-opacity: 1;
        border-left-width: 1px;
        border-color: rgb(189 189 189 / var(--tw-border-opacity));
        padding-left: calc(16/1920*100rem);
    }
}

.tabslet-tabs li.active a {
    --tw-text-opacity: 1;
    background-size: 100% 1px;
    background-position-x: left;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.nav-section {
    --tw-bg-opacity: 1;
    position: sticky;
    top: calc(88/1920*100rem);
    z-index: 997;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-right: calc(16/1920*100rem);
    padding-left: calc(16/1920*100rem);
}

@media (min-width: 768px) {
    .nav-section {
        top: calc(108/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .nav-section {
        top: calc(120/1920*100rem);
    }
}

.nav-section::before {
    --tw-bg-opacity: 1;
    position: absolute;
    bottom: 0 /* 0px */;
    left: 0 /* 0px */;
    z-index: 1;
    background-color: rgb(189 189 189 / var(--tw-bg-opacity));
    width: 100%;
    height: 1px;
    pointer-events: none;
    content: ''
}

.nav-section .nav-heading-flex {
    display: flex;
    gap: calc(12/1920*100rem);
}

@media (min-width: 1200px) {
    .nav-section .nav-heading-flex {
        gap: calc(24/1920*100rem);
    }
}

.nav-section .nav-heading {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: none;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding: calc(12/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .nav-section .nav-heading {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

@media (min-width: 768px) {
    .nav-section .nav-heading {
        display: block;
    }
}

@media (min-width: 1200px) {
    .nav-section .nav-heading {
        padding-top: calc(24/1920*100rem);
        padding-right: calc(20/1920*100rem);
        padding-bottom: calc(24/1920*100rem);
        padding-left: calc(20/1920*100rem);
    }
}

.nav-section .nav-list {
    display: flex;
    position: relative;
    gap: calc(16/1920*100rem);
    z-index: 1;
    padding: 0 /* 0px */;
    overflow-x: auto;
}

@media (min-width: 768px) {
    .nav-section .nav-list {
        justify-content: center;
        overflow: visible;
    }
}

.nav-section .nav-list a {
    --tw-text-opacity: 1;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: background-size 350ms;
    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 500;
    text-align: center;
}

    .nav-section .nav-list a:hover {
        background-size: 100% 1px;
        background-position-x: left;
    }

.nav-section .nav-list a {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .nav-section .nav-list a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.nav-section .nav-list a {
    padding-top: 0.5208333333333334rem;
    padding-bottom: 0.5208333333333334rem;
}

.nav-section .nav-list li + li {
    position: relative;
    padding-left: calc(16/1920*100rem);
}

    .nav-section .nav-list li + li::before {
        --tw-translate-y: -50%;
        --tw-bg-opacity: 1;
        position: absolute;
        top: 50%;
        left: 0 /* 0px */;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        background-color: rgb(189 189 189 / var(--tw-bg-opacity));
        width: 1px;
        height: calc(16/1920*100rem);
        pointer-events: none;
        content: ''
    }

.nav-section .nav-list li.active a {
    --tw-text-opacity: 1;
    background-size: 100% 1px;
    background-position-x: left;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

@media (min-width: 1200px) {
    .nav-section.is-pkbm .nav-list {
        gap: calc(32/1920*100rem);
    }

        .nav-section.is-pkbm .nav-list li + li {
            padding-left: calc(32/1920*100rem);
        }
}

.fa {
    font-weight: var(--fa-style, 900);
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
}

.fa, .fas, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin, .fad, .fa-duotone, .fab, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

::root, ::host {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
    font-family: 'Font Awesome 6 Brands';
    font-display: block;
}

.fab,
.fa-brands {
    font-weight: 400;
    font-family: 'Font Awesome 6 Brands';
}

::root, ::host {
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.ttf") format("truetype");
    font-family: 'Font Awesome 6 Pro';
    font-display: block;
}

.fal,
.fa-light {
    font-weight: 300;
    font-family: 'Font Awesome 6 Pro';
}

::root, ::host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
    font-family: 'Font Awesome 6 Pro';
    font-display: block;
}

.far,
.fa-regular {
    font-weight: 400;
    font-family: 'Font Awesome 6 Pro';
}

::root, ::host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
    font-family: 'Font Awesome 6 Pro';
    font-display: block;
}

.fas,
.fa-solid {
    font-weight: 900;
    font-family: 'Font Awesome 6 Pro';
}

::root, ::host {
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/fa-thin-100.woff2") format("woff2"), url("../fonts/fa-thin-100.ttf") format("truetype");
    font-family: 'Font Awesome 6 Pro';
    font-display: block;
}

.fat,
.fa-thin {
    font-weight: 100;
    font-family: 'Font Awesome 6 Pro';
}

.header-48 {
    font-size: 30px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .header-48 {
        font-size: clamp(12px,calc(48/1920*100rem),calc(48/1920*100rem));
    }
}

.header-40 {
    font-size: 28px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .header-40 {
        font-size: clamp(12px,calc(40/1920*100rem),calc(40/1920*100rem));
    }
}

.section-header-32 {
    font-size: 24px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .section-header-32 {
        font-size: clamp(12px,calc(32/1920*100rem),calc(32/1920*100rem));
    }
}

.sub-header-24 {
    font-size: 20px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .sub-header-24 {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.sub-header-20 {
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .sub-header-20 {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.body-18 {
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .body-18 {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.body-16 {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .body-16 {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.body-14 {
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .body-14 {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.label-12 {
    font-size: 12px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .label-12 {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.regular-18 {
    font-size: 16px;
    line-height: 1.5;
}

@media (min-width: 1200px) {
    .regular-18 {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.site-title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 30px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .site-title {
        font-size: clamp(12px,calc(48/1920*100rem),calc(48/1920*100rem));
    }
}

.site-sub-title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .site-sub-title {
        font-size: clamp(12px,calc(32/1920*100rem),calc(32/1920*100rem));
    }
}

.site-desc {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .site-desc {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.site-desc > * {
    margin-top: calc(16/1920*100rem);
    margin-bottom: calc(16/1920*100rem);
}

    .site-desc > *:first-child {
        margin-top: 0 /* 0px */;
    }

    .site-desc > *:last-child {
        margin-bottom: 0 /* 0px */;
    }

.site-desc ul {
    list-style-type: disc;
}

    .site-desc ul > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(16/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(16/1920*100rem) * var(--tw-space-y-reverse));
    }

.site-desc ul {
    padding-left: calc(20/1920*100rem);
}

.full-content {
    max-width: 65ch;
    color: var(--tw-prose-body);
}

    .full-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .full-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
    }

    .full-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline;
    }

    .full-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600;
    }

    .full-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: decimal;
    }

    .full-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .full-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .full-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .full-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .full-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .full-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .full-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .full-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .full-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
    }

    .full-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: disc;
    }

    .full-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400;
    }

    .full-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }

    .full-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        color: var(--tw-prose-headings);
        font-weight: 600;
    }

    .full-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3em;
        margin-bottom: 3em;
        border-top-width: 1px;
        border-color: var(--tw-prose-hr);
    }

    .full-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        border-left-width: 0.25rem;
        border-left-color: var(--tw-prose-quote-borders);
        padding-left: 1em;
        quotes: "\201C""\201D""\2018""\2019";
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
    }

    .full-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: open-quote;
    }

    .full-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: close-quote;
    }

    .full-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0.8888889em;
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 2.25em;
        line-height: 1.1111111;
    }

    .full-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 900;
    }

    .full-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 1em;
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.3333333;
    }

    .full-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 800;
    }

    .full-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1.6;
    }

    .full-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .full-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        color: var(--tw-prose-headings);
        font-weight: 600;
        line-height: 1.5;
    }

    .full-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .full-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .full-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .full-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-right: 0.375em;
        padding-bottom: 0.1875em;
        padding-left: 0.375em;
        color: var(--tw-prose-kbd);
        font-weight: 500;
        font-size: 0.875em;
        font-family: inherit;
    }

    .full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: 0.875em;
    }

        .full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: "`";
        }

        .full-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: "`";
        }

    .full-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
    }

    .full-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
    }

    .full-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .full-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        background-color: var(--tw-prose-pre-bg);
        padding-top: 0.8571429em;
        padding-right: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-left: 1.1428571em;
        overflow-x: auto;
        color: var(--tw-prose-pre-code);
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.7142857;
    }

    .full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-width: 0;
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    }

        .full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: none;
        }

        .full-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: none;
        }

    .full-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 100%;
        table-layout: auto;
        font-size: 0.875em;
        line-height: 1.7142857;
        text-align: left;
    }

    .full-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
    }

    .full-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: bottom;
        padding-right: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-left: 0.5714286em;
        color: var(--tw-prose-headings);
        font-weight: 600;
    }

    .full-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
    }

    .full-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 0;
    }

    .full-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: baseline;
    }

    .full-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
    }

    .full-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: top;
    }

    .full-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .full-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8571429em;
        color: var(--tw-prose-captions);
        font-size: 0.875em;
        line-height: 1.4285714;
    }

.full-content {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}

    .full-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .full-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .full-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .full-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0.375em;
    }

    .full-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0.375em;
    }

    .full-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .full-content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .full-content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .full-content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .full-content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .full-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .full-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .full-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-left: 1.625em;
    }

    .full-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .full-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .full-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .full-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .full-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0;
    }

    .full-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-right: 0;
    }

    .full-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-right: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-left: 0.5714286em;
    }

    .full-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0;
    }

    .full-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-right: 0;
    }

    .full-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .full-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .full-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

.full-content {
    --tw-text-opacity: 1;
    max-width: none;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    /* font-size: 16px; */
    /* line-height: 1.25; */
    /* font-family: "Nunito",sans-serif; */
}

    .full-content figure {
        text-align: center
    }

        .full-content figure picture img {
            border: solid 1px #a3a3a3;
            padding: 2px;
            
        }

@media (min-width: 1200px) {
    .full-content {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.full-content > *:first-child {
    margin-top: 0 /* 0px */;
}

.full-content > *:last-child {
    margin-bottom: 0 /* 0px */;
}

.full-content p img {
    margin: 0 /* 0px */;
}

.full-content th, .full-content td {
    padding-top: 0.5208333333333334rem;
    padding-bottom: 0.5208333333333334rem;
}

.full-content tbody tr {
    --tw-border-opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgb(189 189 189 / var(--tw-border-opacity));
}

.full-content tbody th {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
}

.fullcontent {
    --tw-text-opacity: 1;
    padding-top: calc(12/1920*100rem);
    color: rgb(9 9 9 / var(--tw-text-opacity));
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
}

    .fullcontent * {
        --tw-text-opacity: 1;
        color: rgb(9 9 9 / var(--tw-text-opacity));
        font-weight: 400;
        line-height: 1.4;
        text-align: justify;
    }

@media screen and (max-width: 1024px) {
    .fullcontent {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

        .fullcontent * {
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        }
}

.fullcontent img, .fullcontent iframe {
    display: block;
    margin: 16px auto !important;
    margin-top: calc(16/1920*100rem);
    margin-right: auto;
    margin-bottom: calc(16/1920*100rem);
    margin-left: auto;
    overflow: hidden;
}

.fullcontent p {
    margin-bottom: calc(12/1920*100rem);
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

    .fullcontent p * {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

@media screen and (max-width: 1024px) {
    .fullcontent p {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

        .fullcontent p * {
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        }
}

.fullcontent ul, .fullcontent ol {
    padding-left: 0;
    list-style-type: disc;
}

    .fullcontent ul li, .fullcontent ol li {
        display: flex;
        align-items: flex-start;
        margin-bottom: calc(12/1920*100rem);
    }

        .fullcontent ul li::before, .fullcontent ol li::before {
            display: block;
            z-index: 10;
            transition-duration: 150ms;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            margin-top: calc(8/1920*100rem);
            margin-right: calc(12/1920*100rem);
            border-radius: 9999px;
            width: 8px;
            min-width: 8px;
            height: 8px;
            pointer-events: none;
            content: '';
        }

.fullcontent hr {
    display: block;
    margin-top: calc(16/1920*100rem);
    margin-bottom: calc(16/1920*100rem);
}

.fullcontent h2, .fullcontent h3, .fullcontent h4, .fullcontent h5 {
    --tw-text-opacity: 1;
    margin-bottom: calc(16/1920*100rem);
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
}

.fullcontent strong {
    font-weight: 700 !important;
}

    .fullcontent strong * {
        font-weight: 700 !important;
    }

.fullcontent h2 {
    font-size: clamp(12px,calc(36/1920*100rem),calc(36/1920*100rem));
}

@media screen and (max-width: 576px) {
    .fullcontent h2 {
        font-size: clamp(12px,calc(30/1920*100rem),calc(30/1920*100rem));
    }
}

.fullcontent h3 {
    font-size: clamp(12px,calc(30/1920*100rem),calc(30/1920*100rem));
}

@media screen and (max-width: 576px) {
    .fullcontent h3 {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.fullcontent h4 {
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
}

.fullcontent h5 {
    font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
}

.fullcontent .row {
    margin-bottom: 0 /* 0px */;
}

.fullcontent table {
    width: 100%;
}

    .fullcontent table tbody td {
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-color: rgb(189 189 189 / var(--tw-border-opacity));
        border-bottom-color: rgb(189 189 189 / var(--tw-border-opacity));
        padding-top: calc(12/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 400;
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

        .fullcontent table tbody td * {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
            font-weight: 400;
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        }

        .fullcontent table tbody td:first-child {
            --tw-text-opacity: 1;
            color: rgb(164 16 52 / var(--tw-text-opacity));
            font-weight: 700;
        }

            .fullcontent table tbody td:first-child * {
                --tw-text-opacity: 1;
                color: rgb(164 16 52 / var(--tw-text-opacity));
                font-weight: 700;
            }

        .fullcontent table tbody td:nth-child(2) {
            padding-left: calc(24/1920*100rem);
        }

.button {
    display: flex;
    flex-wrap: wrap;
    gap: calc(20/1920*100rem);
}

.link {
    --tw-text-opacity: 1;
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: calc(8/1920*100rem);
    transition: background-size 350ms;
    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    line-height: 1.5;
    text-align: center;
}

    .link:hover {
        --tw-text-opacity: 1;
        background-size: 100% 1px;
        background-position-x: left;
        color: rgb(167 27 40 / var(--tw-text-opacity));
    }

.btn-solid {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(8/1920*100rem);
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: calc(4/1920*100rem);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding-top: calc(8/1920*100rem);
    padding-right: calc(16/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
    padding-left: calc(16/1920*100rem);
    height: calc(44/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

    .btn-solid:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(143 7 40 / var(--tw-bg-opacity));
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .btn-solid.is-white {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

        .btn-solid.is-white:hover {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: rgb(143 7 40 / var(--tw-bg-opacity));
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.btn-download {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0 /* 0px */;
    padding-right: calc(8/1920*100rem);
    padding-bottom: 0 /* 0px */;
    padding-left: calc(8/1920*100rem);
}

    .btn-download em, .btn-download span {
        --tw-text-opacity: 1;
        color: rgb(38 86 207 / var(--tw-text-opacity));
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        line-height: 1;
    }

    .btn-download em {
        margin-right: calc(12/1920*100rem);
    }

#buttonMenu {
    --tw-rotate: 0deg;
    position: relative;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 50;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    margin: 0 /* 0px */;
    margin-left: calc(12/1920*100rem);
    border-style: none;
    background-image: none;
    padding: 0 /* 0px */;
    width: 28px;
    min-width: 28px;
    height: 32px;
}

    #buttonMenu .line {
        --tw-rotate: 0deg;
        --tw-bg-opacity: 1;
        display: block;
        position: absolute;
        left: 0 /* 0px */;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 9999px;
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
        width: 100%;
        height: 2px;
    }

        #buttonMenu .line:nth-child(1) {
            top: 4px;
        }

        #buttonMenu .line:nth-child(2) {
            --tw-translate-y: -50%;
            top: 50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        #buttonMenu .line:nth-child(3) {
            bottom: 4px;
        }

    #buttonMenu #pulseMe {
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        justify-content: center;
        align-items: center;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        z-index: 1;
        width: 30px;
        min-width: 34px;
        height: 34px;
    }

    #buttonMenu .bar {
        --tw-bg-opacity: 1;
        --tw-shadow: 0 0 0 #A41034, 0 0 1px #A41034, 0 0 8px #A41034, 0 0 16px #A41034;
        --tw-shadow-colored: 0 0 0 var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color), 0 0 16px var(--tw-shadow-color);
        position: absolute;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        border-radius: calc(4/1920*100rem);
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    }

        #buttonMenu .bar.left {
            width: 1px;
        }

@keyframes leftBar {
    0% {
        top: 100%;
        left: 0;
        height: 0;
    }

    20% {
        top: 0;
        left: 0;
        height: 100%;
    }

    40% {
        top: 0;
        left: 0;
        height: 0;
    }
}

#buttonMenu .bar.left {
    animation: leftBar 2s linear infinite;
}

#buttonMenu .bar.top {
    height: 1px;
}

@keyframes topBar {
    0%, 20% {
        top: 0;
        left: 0;
        width: 0;
    }

    40% {
        top: 0;
        left: 0;
        width: 100%;
    }

    60% {
        top: 0;
        left: calc(100% - 1px);
        width: 0;
    }
}

#buttonMenu .bar.top {
    animation: topBar 2s linear infinite;
}

#buttonMenu .bar.right {
    width: 1px;
}

@keyframes rightBar {
    0%, 40% {
        top: 0;
        left: calc(100% - 1px);
        height: 0;
    }

    60% {
        top: 0;
        left: calc(100% - 1px);
        height: 100%;
    }

    80% {
        top: 100%;
        left: calc(100% - 1px);
        height: 0;
    }
}

#buttonMenu .bar.right {
    animation: rightBar 2s linear infinite;
}

#buttonMenu .bar.bottom {
    height: 1px;
}

@keyframes bottomBar {
    0%, 60% {
        top: 100%;
        left: 100%;
        width: 0;
    }

    80% {
        top: 100%;
        left: 0;
        width: 100%;
    }

    100% {
        top: 100%;
        left: 0;
        width: 0;
    }
}

#buttonMenu .bar.bottom {
    animation: bottomBar 2s linear infinite;
}

#buttonMenu.open .line:nth-child(2), #buttonMenu:hover .line:nth-child(2) {
    width: 15px;
}

#buttonMenu.open .bar, #buttonMenu:hover .bar {
    display: none;
}

@media (min-width: 1200px) {
    #buttonMenu {
        display: none !important;
    }
}

.alert {
    display: block;
    position: relative;
    margin-bottom: calc(4/1920*100rem);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 0.375rem;
    padding-top: calc(12/1920*100rem);
    padding-right: calc(16/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    padding-left: calc(16/1920*100rem);
    font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    line-height: 1.25;
}

    .alert button {
        display: none;
    }

    .alert.alert-danger {
        border-color: #f5c6cb;
        background-color: #f8d7da;
        color: #721c24;
    }

    .alert.alert-success {
        border-color: #c3e6cb;
        background-color: #d4edda;
        color: #155724;
    }

.backdrop {
    -webkit-backdrop-filter: blur(8px);
    position: fixed;
    top: 0 /* 0px */;
    left: 0 /* 0px */;
    opacity: 0;
    z-index: 500;
    backdrop-filter: blur(8px);
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(0 0 0 / 0.5);
    width: 100%;
    height: 100%;
    pointer-events: none
}

    .backdrop.open {
        opacity: 1;
        pointer-events: auto;
    }

    .backdrop.search-backdrop {
        z-index: 1500;
    }

.cta-fixed {
    position: fixed;
    right: calc(12/1920*100rem);
    bottom: calc(40/1920*100rem);
    z-index: 100;
}

@media (min-width: 1200px) {
    .cta-fixed {
        right: calc(40/1920*100rem);
    }
}

.cta-fixed ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(4/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(4/1920*100rem) * var(--tw-space-y-reverse));
}

.cta-fixed li > * {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(4/1920*100rem);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
}

    .cta-fixed li > *:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(196 18 61 / var(--tw-bg-opacity));
    }

.cta-fixed li > * {
    font-size: 0.625rem;
}

.cta-fixed li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(32/1920*100rem);
    height: calc(32/1920*100rem);
    font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
}

.cta-fixed li img {
    width: calc(28/1920*100rem);
    height: calc(28/1920*100rem);
    object-fit: contain;
}

.cta-fixed .back-to-top {
    opacity: 0;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

    .cta-fixed .back-to-top > * {
        --tw-bg-opacity: 1;
        background-color: rgb(196 18 61 / var(--tw-bg-opacity));
    }

        .cta-fixed .back-to-top > *:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(143 7 40 / var(--tw-bg-opacity));
        }

    .cta-fixed .back-to-top.active {
        opacity: 1;
        pointer-events: auto;
    }

.social-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5208333333333334rem;
}

.social-list a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: calc(4/1920*100rem);
    background-color: rgb(187 26 41 / var(--tw-bg-opacity));
    width: calc(48/1920*100rem);
    height: calc(48/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
}

    .social-list a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(143 7 40 / var(--tw-bg-opacity));
    }

.dropdown {
    position: relative;
}

    .dropdown .dropdown-toggle {
        --tw-text-opacity: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(16/1920*100rem);
        cursor: pointer;
        color: rgb(82 82 82 / var(--tw-text-opacity));
    }

    .dropdown .dropdown-menu {
        --tw-bg-opacity: 1;
        --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
        position: absolute;
        top: 100%;
        left: 0 /* 0px */;
        opacity: 0;
        z-index: 10;
        transition-duration: 200ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: linear;
        margin-top: calc(20/1920*100rem);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        border-radius: calc(4/1920*100rem);
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: calc(12/1920*100rem);
        padding-right: calc(20/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        padding-left: calc(20/1920*100rem);
        width: 100%;
        min-width: max-content;
        pointer-events: none;
    }

    .dropdown.open .dropdown-toggle i, .dropdown.open .dropdown-toggle em {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .dropdown.open .dropdown-menu {
        opacity: 1;
        pointer-events: auto;
    }

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
textarea,
select {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    margin: 0 /* 0px */;
    border-width: 1px;
    border-color: rgb(101 101 101 / var(--tw-border-opacity));
    border-radius: calc(8/1920*100rem);
    background-repeat: no-repeat;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: calc(8/1920*100rem);
    padding-right: calc(40/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
    padding-left: calc(24/1920*100rem);
    width: 100%;
    height: calc(48/1920*100rem);
    color: rgb(38 86 207 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    line-height: 1.5;
}

    [type='text']:focus,
    [type='email']:focus,
    [type='url']:focus,
    [type='password']:focus,
    [type='number']:focus,
    [type='date']:focus,
    [type='datetime-local']:focus,
    [type='month']:focus,
    [type='search']:focus,
    [type='tel']:focus,
    [type='time']:focus,
    [type='week']:focus,
    textarea:focus,
    select:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(38 86 207 / var(--tw-ring-opacity));
        --tw-ring-offset-width: 0px;
        outline: 2px solid transparent;
        outline-offset: 2px;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    [type='text']::placeholder,
    [type='email']::placeholder,
    [type='url']::placeholder,
    [type='password']::placeholder,
    [type='number']::placeholder,
    [type='date']::placeholder,
    [type='datetime-local']::placeholder,
    [type='month']::placeholder,
    [type='search']::placeholder,
    [type='tel']::placeholder,
    [type='time']::placeholder,
    [type='week']::placeholder {
        --tw-text-opacity: 1;
        color: rgb(82 82 82 / var(--tw-text-opacity));
    }

    [type='text']:disabled,
    [type='email']:disabled,
    [type='url']:disabled,
    [type='password']:disabled,
    [type='number']:disabled,
    [type='date']:disabled,
    [type='datetime-local']:disabled,
    [type='month']:disabled,
    [type='search']:disabled,
    [type='tel']:disabled,
    [type='time']:disabled,
    [type='week']:disabled {
        --tw-text-opacity: 1;
        border-color: rgb(82 82 82 / 0.75);
        background-color: rgb(82 82 82 / 0.5);
        color: rgb(61 61 61 / var(--tw-text-opacity));
    }

    [type='text']:read-only,
    [type='email']:read-only,
    [type='url']:read-only,
    [type='password']:read-only,
    [type='number']:read-only,
    [type='date']:read-only,
    [type='datetime-local']:read-only,
    [type='month']:read-only,
    [type='search']:read-only,
    [type='tel']:read-only,
    [type='time']:read-only,
    [type='week']:read-only {
        --tw-text-opacity: 1;
        border-color: rgb(82 82 82 / 0.75);
        background-color: rgb(82 82 82 / 0.5);
        color: rgb(61 61 61 / var(--tw-text-opacity));
    }

select {
    appearance: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'><path stroke='%23A6BD39' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M6 8l4 4 4-4'/></svg>");
    background-position: right
}

    select[multiple] {
        background-image: none;
        padding-top: calc(12/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        height: auto;
        min-height: calc(48 / 1920 * 100rem);
    }

textarea {
    padding-top: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
    height: calc(80/1920*100rem);
}

input[type='file'] {
    display: none;
}

    input[type='file'] ~ label {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        gap: calc(12/1920*100rem);
        transition-duration: 200ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: linear;
        cursor: pointer;
        margin: 0 /* 0px */;
        border-style: none;
        background-color: rgb(101 101 101 / var(--tw-bg-opacity));
        padding-top: calc(12/1920*100rem);
        padding-right: calc(24/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        padding-left: calc(24/1920*100rem);
        width: max-content;
        height: calc(48/1920*100rem);
        color: rgb(38 86 207 / var(--tw-text-opacity));
        font-weight: 400;
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

        input[type='file'] ~ label:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(82 82 82 / var(--tw-bg-opacity));
        }

input[type='checkbox'] {
    display: none;
}

    input[type='checkbox'] ~ label {
        position: relative;
        padding-left: calc(20/1920*100rem);
    }

        input[type='checkbox'] ~ label::before {
            --tw-translate-y: -50%;
            --tw-text-opacity: 1;
            --tw-content: '\f0c8';
            position: absolute;
            top: 50%;
            left: 0 /* 0px */;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            content: var(--tw-content);
            color: rgb(70 70 70 / var(--tw-text-opacity));
            font-weight: 400;
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
            font-family: "Font Awesome 6 Pro";
        }

    input[type='checkbox']:checked ~ label::before {
        --tw-content: '\f14a';
        content: var(--tw-content);
    }

input[type='radio'] {
    display: none;
}

    input[type='radio'] ~ label {
        position: relative;
        padding-left: calc(20/1920*100rem);
    }

        input[type='radio'] ~ label::before {
            --tw-translate-y: -50%;
            --tw-text-opacity: 1;
            --tw-content: '\f111';
            position: absolute;
            top: 50%;
            left: 0 /* 0px */;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            content: var(--tw-content);
            color: rgb(70 70 70 / var(--tw-text-opacity));
            font-weight: 400;
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
            font-family: "Font Awesome 6 Pro";
        }

    input[type='radio']:checked ~ label::before {
        --tw-content: '\f192';
        content: var(--tw-content);
    }

.form-group {
    position: relative;
}

    .form-group > label {
        --tw-text-opacity: 1;
        display: block;
        position: relative;
        color: rgb(70 70 70 / var(--tw-text-opacity));
        font-weight: 400;
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        line-height: 1.5;
    }

    .form-group [class*='fa-ex'] {
        --tw-text-opacity: 1;
        display: block;
        margin-top: calc(4/1920*100rem);
        color: rgb(185 28 28 / var(--tw-text-opacity));
        font-style: italic;
        font-weight: 400;
        font-size: 12px;
        font-family: Montserrat, sans-serif;
    }

.modal {
    display: none;
    background-image: none;
    background-color: transparent;
    padding: 0 /* 0px */;
}

    .modal .modal-wrap {
        --tw-bg-opacity: 1;
        --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        border-radius: calc(8/1920*100rem);
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: calc(20/1920*100rem);
    }

@media (min-width: 1200px) {
    .modal .modal-wrap {
        padding: calc(40/1920*100rem);
    }
}

.modal-md {
    max-width: 40rem;
}

.modal-lg {
    max-width: 53.333333333333336rem;
}

.modal-xl {
    max-width: 66.66666666666667rem;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(12/1920*100rem);
    margin-top: calc(32/1920*100rem);
}

    .pagination span, .pagination a {
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        border-width: 1px;
        border-color: rgb(164 16 52 / var(--tw-border-opacity));
        width: calc(44/1920*100rem);
        height: calc(44/1920*100rem);
        color: rgb(164 16 52 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 16px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .pagination span, .pagination a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.pagination span:hover, .pagination a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination li.active span, .pagination li.active a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.custom-scroll-dark::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.custom-scroll-dark::-webkit-scrollbar-button {
    background-color: #3e4346 !important;
}

.custom-scroll-dark::-webkit-scrollbar-track {
    background-color: #646464 !important;
}

.custom-scroll-dark::-webkit-scrollbar-track-piece {
    background-color: #3e4346 !important;
}

.custom-scroll-dark::-webkit-scrollbar-thumb {
    border: 2px solid #3e4346 !important;
    background-color: #242424 !important;
    height: 50px;
}

.custom-scroll-dark::-webkit-scrollbar-button:vertical:start:decrement {
    background: linear-gradient(130deg, #696969 40%, rgba(255, 0, 0, 0) 41%), linear-gradient(230deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
    background-color: #b6b6b6;
}

.custom-scroll-dark::-webkit-scrollbar-button:vertical:end:increment {
    background: linear-gradient(310deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(50deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
    background-color: #b6b6b6;
}

.custom-scroll-dark::-webkit-scrollbar-button:horizontal:end:increment {
    background: linear-gradient(210deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(330deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(90deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #b6b6b6;
}

.custom-scroll-dark::-webkit-scrollbar-button:horizontal:start:decrement {
    background: linear-gradient(30deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(150deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(270deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #b6b6b6;
}

.swiper-pagination .swiper-pagination-bullet {
    display: flex;
    align-items: flex-end;
    opacity: 1;
    border-radius: 0px;
    background-color: transparent;
    width: 0.5208333333333334rem;
    height: 0.78125rem;
    color: rgb(196 18 61 / 0.5);
}

    .swiper-pagination .swiper-pagination-bullet::before {
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        background-color: currentColor;
        width: 100%;
        height: 0.5208333333333334rem;
        content: ''
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        --tw-text-opacity: 1;
        color: rgb(196 18 61 / var(--tw-text-opacity));
    }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
            height: 100%;
            content: var(--tw-content);
        }

.swiper-pagination.is-white .swiper-pagination-bullet {
    color: rgb(255 255 255 / 0.5);
}

    .swiper-pagination.is-white .swiper-pagination-bullet.swiper-pagination-bullet-active {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.swiper-pagination.is-abs {
    display: flex;
    position: absolute;
    bottom: calc(12/1920*100rem);
    left: 0 /* 0px */;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
}

@media (min-width: 768px) {
    .swiper-pagination.is-abs {
        bottom: calc(40/1920*100rem);
    }
}

.swiper-button > * {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border-width: 1px;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    border-radius: calc(4/1920*100rem);
    background-color: transparent;
    width: calc(48/1920*100rem);
    height: calc(48/1920*100rem);
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
}

    .swiper-button > *:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .swiper-button > *.swiper-button-disabled {
        opacity: 0.4;
    }

    .swiper-button > *.swiper-button-lock {
        opacity: 0;
        pointer-events: none;
    }

.swiper-button.is-white > * {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-color: rgb(255 255 255 / 0.2);
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .swiper-button.is-white > *:hover {
        --tw-text-opacity: 1;
        color: rgb(220 220 220 / var(--tw-text-opacity));
    }

.swiper-button.is-abs > * {
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 1;
}

.swiper-button.is-abs .button-prev {
    left: calc(4/1920*100rem);
}

@media (min-width: 1200px) {
    .swiper-button.is-abs .button-prev {
        left: calc(calc(80/1920*100rem) * -1);
    }
}

.swiper-button.is-abs .button-next {
    right: calc(4/1920*100rem);
}

@media (min-width: 1200px) {
    .swiper-button.is-abs .button-next {
        right: calc(calc(80/1920*100rem) * -1);
    }
}

.swiper-button.is-abs.is-top-20 > * {
    top: 20%;
}

.swiper-button.is-abs.is-top-30 > * {
    top: 30%;
}

.swiper-button.is-abs.is-top-40 > * {
    top: 40%;
}

.swiper-button.is-abs.is-top-45 > * {
    top: 45%;
}

@media (min-width: 1024px) {
    .swiper-relative {
        padding-right: calc(40/1920*100rem);
        padding-left: calc(40/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .swiper-relative {
        padding-right: 0 /* 0px */;
        padding-left: 0 /* 0px */;
    }
}

.swiper-relative .swiper-button.is-absolute .button-prev {
    left: 0 /* 0px */;
}

@media (min-width: 1200px) {
    .swiper-relative .swiper-button.is-absolute .button-prev {
        left: calc(calc(48/1920*100rem) * -1);
    }
}

@media (min-width: 1440px) {
    .swiper-relative .swiper-button.is-absolute .button-prev {
        left: calc(calc(88/1920*100rem) * -1);
    }
}

.swiper-relative .swiper-button.is-absolute .button-next {
    right: 0 /* 0px */;
}

@media (min-width: 1200px) {
    .swiper-relative .swiper-button.is-absolute .button-next {
        right: calc(calc(48/1920*100rem) * -1);
    }
}

@media (min-width: 1440px) {
    .swiper-relative .swiper-button.is-absolute .button-next {
        right: calc(calc(88/1920*100rem) * -1);
    }
}

.swiper-relative .swiper-scrollbar {
    --tw-bg-opacity: 1;
    background-color: rgb(189 189 189 / var(--tw-bg-opacity));
    height: 2px;
}

    .swiper-relative .swiper-scrollbar .swiper-scrollbar-drag {
        --tw-bg-opacity: 1;
        background-color: rgb(38 86 207 / var(--tw-bg-opacity));
    }

.about-item > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(8/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(8/1920*100rem) * var(--tw-space-y-reverse));
}

.about-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .about-item {
        padding: calc(32/1920*100rem);
    }
}

.about-item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(96/1920*100rem);
    height: calc(96/1920*100rem);
}

.about-item .number {
    font-size: 28px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .about-item .number {
        font-size: clamp(12px,calc(40/1920*100rem),calc(40/1920*100rem));
    }
}

.about-item .number {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    line-height: calc(48 / 40);
}

.about-item .caption {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .about-item .caption {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.line-b-primary {
    --tw-border-opacity: 1;
    border-bottom-width: calc(4/1920*100rem);
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    padding-bottom: calc(36/1920*100rem);
    border-style: solid;
}

.box-slogan {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
    width: max-content;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .box-slogan {
        padding-right: calc(32/1920*100rem);
        padding-left: calc(32/1920*100rem);
        font-size: clamp(12px,calc(32/1920*100rem),calc(32/1920*100rem));
    }
}

.university-name {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .university-name {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.university-name .highlight {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.about-1 .image-content {
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-1 .image-content {
        padding-top: calc(64/1920*100rem);
        padding-bottom: calc(64/1920*100rem);
    }
}

.about-1 .about-list > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(20/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(20/1920*100rem) * var(--tw-space-y-reverse));
}

@media (min-width: 1200px) {
    .about-1 .about-list > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(56/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(56/1920*100rem) * var(--tw-space-y-reverse));
    }
}

.about-1 .about-item {
    padding: 0 /* 0px */;
}

.about-1 .full-content {
    padding-right: calc(32/1920*100rem);
    max-height: 24.375rem;
    overflow-y: auto;
}

    .about-1 .full-content::-webkit-scrollbar {
        width: calc(4/1920*100rem);
    }

    .about-1 .full-content::-webkit-scrollbar-track {
        --tw-bg-opacity: 1;
        background-color: rgb(239 239 239 / var(--tw-bg-opacity));
    }

    .about-1 .full-content::-webkit-scrollbar-thumb {
        --tw-bg-opacity: 1;
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    }

        .about-1 .full-content::-webkit-scrollbar-thumb:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(143 7 40 / var(--tw-bg-opacity));
        }

    .about-1 .full-content ul {
        padding-left: calc(20/1920*100rem);
    }

    .about-1 .full-content li *::marker {
        color: rgb(0 0 0 );
    }

    .about-1 .full-content li::marker {
        color: rgb(0 0 0 );
    }

.about-3-item {
    --tw-bg-opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(16/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

.events-other-section:is(.about-3-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .about-3-item {
        padding: calc(32/1920*100rem);
        min-height: 11.666666666666668rem;
    }
}

.vision-mission-item {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    height: 100%;
}

.events-other-section:is(.vision-mission-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.vision-mission-item .image {
    aspect-ratio: 736/414;
}

.vision-mission-item .caption {
    display: flex;
    flex-direction: column;
    gap: calc(16/1920*100rem);
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .vision-mission-item .caption {
        padding: calc(32/1920*100rem);
    }
}

.vision-mission-item .title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 20px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .vision-mission-item .title {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.vision-mission-item .brief {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .vision-mission-item .brief {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.about-3 .image-content {
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-3 .image-content {
        padding-top: calc(64/1920*100rem);
        padding-bottom: calc(64/1920*100rem);
    }
}

.about-4 {
    --tw-border-opacity: 1;
    border-bottom-width: 1.7708333333333335rem;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    border-style: solid;
}

    .about-4 .full-content {
        --tw-border-opacity: 1;
        border-top-width: 1px;
        border-color: rgb(231 231 231 / var(--tw-border-opacity));
        padding-top: calc(24/1920*100rem);
        padding-bottom: calc(24/1920*100rem);
    }

        .about-4 .full-content hr {
            --tw-border-opacity: 1;
            margin-top: calc(24/1920*100rem);
            margin-bottom: calc(24/1920*100rem);
            border-color: rgb(231 231 231 / var(--tw-border-opacity));
        }

        .about-4 .full-content h3 {
            margin-bottom: calc(12/1920*100rem);
            font-weight: 700;
            font-size: 18px;
            line-height: 1.375;
        }

@media (min-width: 1200px) {
    .about-4 .full-content h3 {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }

    .about-4 .box-content {
        padding-bottom: calc(64/1920*100rem);
        max-width: 33.333333333333336rem;
    }
}

.about-4 .image {
    margin-bottom: calc(calc(8/1920*100rem) * -1);
}

.about-4.is-bg-leaner {
    background: linear-gradient(180deg, rgba(238, 245, 246, 0) 0%, #E4E4E4 100%);
}

.about-5 .image {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-5 .image {
        margin-top: calc(64/1920*100rem);
    }
}

.count-up-item {
    --tw-text-opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 1200px) {
    .count-up-item {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.count-up-item .count-up {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-size: 30px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .count-up-item .count-up {
        font-size: clamp(12px,calc(48/1920*100rem),calc(48/1920*100rem));
    }
}

.count-up-list {
    --tw-border-opacity: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    gap: calc(20/1920*100rem);
    border-bottom-width: 1px;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    padding: calc(20/1920*100rem);
    border-style: solid;
}

@media (min-width: 1200px) {
    .count-up-list {
        display: flex;
        justify-content: center;
        gap: calc(40/1920*100rem);
        padding: calc(32/1920*100rem);
    }

        .count-up-list > * {
            flex: 1 1 0%;
        }
}

.about-6-item .image {
    aspect-ratio: 736/490;
}

.about-6-item .caption {
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .about-6-item .caption {
        padding-top: calc(32/1920*100rem);
        padding-right: calc(24/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
        padding-left: calc(24/1920*100rem);
    }
}

.about-6-item .title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .about-6-item .title {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.about-6 .full-content {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-6 .full-content {
        margin-top: calc(64/1920*100rem);
    }
}

.about-6 .swiper-relative {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-6 .swiper-relative {
        margin-top: calc(64/1920*100rem);
    }
}

.scientist-item {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(12/1920*100rem);
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: calc(8/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: calc(12/1920*100rem);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .scientist-item {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.scientist-item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .scientist-item {
        padding-right: calc(32/1920*100rem);
        padding-left: calc(32/1920*100rem);
    }
}

.scientist-item .arrow {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    width: calc(44/1920*100rem);
    height: calc(44/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
}

.scientist-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.7291666666666667rem;
}

@media (min-width: 768px) {
    .scientist-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: calc(32/1920*100rem);
    }
}

.about-7 .scientist-list {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-7 .scientist-list {
        margin-top: calc(64/1920*100rem);
    }
}

.year-slide {
    cursor: pointer;
}

    .year-slide .dot {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        margin-right: auto;
        margin-left: auto;
        border-width: 1px;
        border-color: transparent;
        border-radius: 9999px;
        background-color: transparent;
        width: calc(28/1920*100rem);
        height: calc(28/1920*100rem);
    }

        .year-slide .dot::before {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            transition-duration: 150ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            border-width: 1px;
            border-color: rgb(164 16 52 / var(--tw-border-opacity));
            border-radius: 9999px;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            width: calc(16/1920*100rem);
            height: calc(16/1920*100rem);
            content: ''
        }

    .year-slide .year {
        --tw-text-opacity: 1;
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        margin-top: calc(12/1920*100rem);
        color: rgb(82 82 82 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 18px;
        line-height: 1.375;
        text-align: center;
    }

@media (min-width: 1200px) {
    .year-slide .year {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.year-slide.swiper-slide-thumb-active .dot {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

    .year-slide.swiper-slide-thumb-active .dot::before {
        --tw-bg-opacity: 1;
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    }

.year-slide.swiper-slide-thumb-active .year {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    --tw-text-opacity: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.history-top {
    position: relative;
}

    .history-top::before {
        --tw-bg-opacity: 1;
        position: absolute;
        top: 0.5208333333333334rem;
        left: 0 /* 0px */;
        background-color: rgb(220 220 220 / var(--tw-bg-opacity));
        width: 100%;
        height: 1px;
        pointer-events: none;
        content: ''
    }

.leader-top {
    position: relative;
}

    .leader-top::before {
        --tw-bg-opacity: 1;
        position: absolute;
        top: 0.5208333333333334rem;
        left: 0 /* 0px */;
        background-color: rgb(220 220 220 / var(--tw-bg-opacity));
        width: 100%;
        height: 1px;
        pointer-events: none;
        content: ''
    }

.history-item .image {
    aspect-ratio: 992/560;
}

.history-item .caption {
    --tw-bg-opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.1458333333333335rem;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .history-item .caption {
        padding: calc(40/1920*100rem);
        padding-left: calc(56/1920*100rem);
    }
}

.history-item .year {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    width: max-content;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .history-item .year {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.history-item .year {
    padding-top: 0.5208333333333334rem;
    padding-bottom: 0.5208333333333334rem;
}

.history-item .brief {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .history-item .brief {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }

    .history-item {
        display: flex;
    }

        .history-item .image {
            width: calc(992 / 1504 * 100%);
        }

        .history-item .caption {
            flex: 1 1 0%;
        }
}

.leader-item .image {
    aspect-ratio: 302/384;
}

.leader-item .caption {
    --tw-text-opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: calc(20/1920*100rem);
    color: rgb(82 82 82 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
}

@media (min-width: 1200px) {
    .leader-item .caption {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.leader-item .caption {
    gap: 0.36458333333333337rem;
}

.leader-item .name {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .leader-item .name {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.about-8 + .about-9 {
    padding-top: 0 /* 0px */;
}

.about-8 .box-history {
    margin-top: calc(32/1920*100rem);
}

@media (min-width: 1200px) {
    .about-9 .leader-bot > .swiper {
        margin-right: calc(calc(80/1920*100rem) * -1);
        margin-left: calc(calc(80/1920*100rem) * -1);
        padding-right: calc(80/1920*100rem);
        padding-left: calc(80/1920*100rem);
    }
}

.about-9 .leader-bot > .swiper > .swiper-wrapper > .swiper-slide {
    opacity: 0;
    pointer-events: none;
}

    .about-9 .leader-bot > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active {
        opacity: 1;
        pointer-events: auto;
    }

.about-10 .image {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
}

.about-10 .image-content {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-10 .image-content {
        margin-top: calc(64/1920*100rem);
    }
}

.about-11 .main-tabslet {
    margin-top: calc(40/1920*100rem);
}

@media (min-width: 1200px) {
    .about-11 .main-tabslet {
        margin-top: calc(64/1920*100rem);
    }
}

.about-11 .card-item .caption {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-responsive table {
    width: 100%;
}

.table-responsive th {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-width: 1px;
    border-color: rgb(206 219 230 / var(--tw-border-opacity));
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .table-responsive th {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.table-responsive td {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-color: rgb(206 219 230 / var(--tw-border-opacity));
    padding-top: calc(12/1920*100rem);
    padding-right: calc(20/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    padding-left: calc(20/1920*100rem);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .table-responsive td {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.table-responsive td:first-child {
    font-weight: 700;
}

.table-responsive a {
    --tw-text-opacity: 1;
    position: relative;
    transition: background-size 350ms;
    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
    color: rgb(38 86 207 / var(--tw-text-opacity));
    font-weight: 400;
}

    .table-responsive a:hover {
        background-size: 100% 1px;
        background-position-x: left;
    }

.table-responsive a {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .table-responsive a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.table-responsive a:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.table-responsive tbody tr {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

    .table-responsive tbody tr:nth-child(even) {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    }

    .table-responsive tbody tr:hover td {
        --tw-text-opacity: 1;
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

        .table-responsive tbody tr:hover td:not(:first-child) {
            text-shadow: 0.7px 0px 0 #A41034;
        }

            .table-responsive tbody tr:hover td:not(:first-child) a {
                text-shadow: none;
            }

.about-table .tabslet-tabs {
    display: flex;
    column-gap: calc(20/1920*100rem);
    row-gap: calc(12/1920*100rem);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .about-table .tabslet-tabs .btn-solid {
        background-size: 0
    }

        .about-table .tabslet-tabs .btn-solid:hover {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

    .about-table .tabslet-tabs li {
        border-style: none;
        padding: 0 /* 0px */;
    }

        .about-table .tabslet-tabs li.active .btn-solid {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: rgb(164 16 52 / var(--tw-bg-opacity));
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.assurance-detail-title {
    line-height: calc(48 / 40);
}

.assurance-detail-section .news-date {
    margin-top: 1.1458333333333335rem;
}

.assurance-detail-section .brief-content {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-top-width: 1px;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
    padding-top: calc(20/1920*100rem);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .assurance-detail-section .brief-content {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.assurance-detail-section .brief-content {
    margin-top: 1.1458333333333335rem;
}

@media (min-width: 1200px) {
    .assurance-detail-section .brief-content {
        padding-top: calc(32/1920*100rem);
    }
}

.assurance-detail-section .full-content {
    margin-right: auto;
    margin-left: auto;
    padding-top: calc(40/1920*100rem);
    max-width: 65rem;
}

@media (min-width: 1200px) {
    .assurance-detail-section .full-content {
        padding-top: calc(60/1920*100rem);
    }
}

.global-breadcrumb {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.events-other-section:is(.global-breadcrumb) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.global-breadcrumb .breadcrumb {
    display: flex;
    column-gap: calc(12/1920*100rem);
    row-gap: calc(8/1920*100rem);
    flex-wrap: wrap;
    align-items: center;
    padding-top: calc(12/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
}

    .global-breadcrumb .breadcrumb a,
    .global-breadcrumb span .breadcrumb a.itemcrumb {
        --tw-text-opacity: 1;
        color: rgb(124 124 124 / var(--tw-text-opacity));
        font-weight: 400;
        font-size: 18px;
        line-height: 1.25;
    }

    .global-breadcrumb .breadcrumb span i.fa {
        font-weight: 300;
        font-size: 17px;
        margin: 0px 5px;
    }

@media (min-width: 1200px) {
    .global-breadcrumb .breadcrumb a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.global-breadcrumb .breadcrumb li {
    display: flex;
    align-items: center;
}

    .global-breadcrumb .breadcrumb li:last-child::after {
        display: none;
        content: var(--tw-content);
    }

    .global-breadcrumb .breadcrumb li::after {
        --tw-bg-opacity: 1;
        margin-left: calc(12/1920*100rem);
        background-color: rgb(220 220 220 / var(--tw-bg-opacity));
        width: 1px;
        height: calc(24/1920*100rem);
        content: ''
    }

    .global-breadcrumb .breadcrumb li:first-child a {
        font-size: 0;
    }

        .global-breadcrumb .breadcrumb li:first-child a span {
            display: none;
        }

        .global-breadcrumb .breadcrumb li:first-child a::before {
            --tw-text-opacity: 1;
            --tw-content: '\f015';
            display: flex;
            justify-content: center;
            align-items: center;
            content: var(--tw-content);
            color: rgb(124 124 124 / var(--tw-text-opacity));
            font-weight: 400;
            font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
            line-height: 1;
            font-family: "Font Awesome 6 Pro";
        }

.academic-detail-section .academic-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 576px) {
    .academic-detail-section .academic-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .academic-detail-section .academic-list {
        row-gap: calc(36/1920*100rem);
    }
}

.academic-detail-section .academic-item .image {
    aspect-ratio: 544/306;
}

@media (min-width: 1200px) {
    .academic-detail-section .academic-item .caption {
        padding-right: calc(32/1920*100rem);
        padding-left: calc(32/1920*100rem);
    }

    .academic-detail-section .academic-item .title {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.courses-item {
    --tw-border-opacity: 1;
    display: flex;
    flex-direction: column;
    gap: calc(12/1920*100rem);
    border-bottom-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    padding-top: calc(20/1920*100rem);
    padding-bottom: calc(20/1920*100rem);
}

    .courses-item:first-child {
        padding-top: 0 /* 0px */;
    }

    .courses-item .title {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 17px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .courses-item .title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.courses-item .brief {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .courses-item .brief {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.site-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(20/1920*100rem);
}

    .site-nav a {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        border-width: 1px;
        border-color: rgb(164 16 52 / var(--tw-border-opacity));
        border-radius: 9999px;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: calc(8/1920*100rem);
        padding-right: calc(20/1920*100rem);
        padding-bottom: calc(8/1920*100rem);
        padding-left: calc(20/1920*100rem);
        height: calc(44/1920*100rem);
        color: rgb(164 16 52 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 16px;
        line-height: 1.25;
        border-style: solid;
    }

@media (min-width: 1200px) {
    .site-nav a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.site-nav a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.site-nav li.active a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.academic-item {
    --tw-bg-opacity: 1;
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    overflow: hidden;
}

.events-other-section:is(.academic-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.academic-item .image {
    position: relative;
    overflow: hidden;
}

    .academic-item .image img {
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: linear;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

        .academic-item .image img:hover {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

.academic-item .image {
    aspect-ratio: 480/322;
}

.academic-item .caption {
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .academic-item .caption {
        padding: calc(24/1920*100rem);
    }
}

.academic-item .title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .academic-item .title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.academic-item .title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.academic-item:hover .image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.academic-item:hover .title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.academic-section .academic-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 576px) {
    .academic-section .academic-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .academic-section .academic-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.academic-nav {
    display: flex;
    align-items: center;
}

.box-categories {
    --tw-bg-opacity: 1;
    --tw-shadow: 2px 4px 32px 16px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 2px 4px 32px 16px var(--tw-shadow-color);
    --tw-shadow-color: #eeeeee;
    --tw-shadow: var(--tw-shadow-colored);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: calc(16/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .box-categories {
        padding: calc(24/1920*100rem);
        padding-bottom: calc(8/1920*100rem);
    }
}

.box-categories .box-head {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
    padding-bottom: calc(16/1920*100rem);
}

.box-categories .category-title {
    --tw-text-opacity: 1;
    display: flex;
    justify-content: space-between;
    gap: calc(12/1920*100rem);
    padding-top: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
    color: rgb(82 82 82 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .box-categories .category-title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.box-categories .category-title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.box-categories .category-title .category-toggle {
    --tw-text-opacity: 1;
    cursor: pointer;
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
}

.box-categories .category-list > li {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

    .box-categories .category-list > li:last-child {
        border-style: none;
    }

    .box-categories .category-list > li.active {
        border-color: transparent;
    }

        .box-categories .category-list > li.active .category-title {
            --tw-text-opacity: 1;
            color: rgb(143 7 40 / var(--tw-text-opacity));
        }

            .box-categories .category-list > li.active .category-title .category-toggle {
                color: currentColor;
            }

                .box-categories .category-list > li.active .category-title .category-toggle::before {
                    --tw-content: '\f068';
                    content: var(--tw-content);
                }

.box-categories .sub-category {
    display: none;
    margin-top: calc(16/1920*100rem);
}

    .box-categories .sub-category > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
    }

.box-categories .sub-category {
    --tw-bg-opacity: 1;
    border-radius: calc(16/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

.events-other-section:is(.box-categories .sub-category) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .box-categories .sub-category {
        padding: calc(24/1920*100rem);
    }
	.box-categories .sub-category li ul.sub-category {
		display: block;
		padding-left: calc(24 / 1920 * 100rem)  !important;
	}
}

.box-categories .sub-category a {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
}
.box-categories .sub-category li ul.sub-category a { font-weight: 400;}
@media (min-width: 1200px) {
    .box-categories .sub-category a {
        font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.box-categories .sub-category a:hover {
    --tw-text-opacity: 1;
    color: rgb(143 7 40 / var(--tw-text-opacity));
}

.box-categories .sub-category li.active a {
    --tw-text-opacity: 1;
    color: rgb(143 7 40 / var(--tw-text-opacity));
    text-shadow: none;
}

.course-content {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    
    /*line-height: 1.25;*/
}

    .course-content ul {
        padding-left: calc(20/1920*100rem);
    }

        .course-content ul li *::marker {
            color: rgb(164 16 52 );
        }

        .course-content ul li::marker {
            color: rgb(164 16 52 );
        }
    .course-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: decimal;
    }

    .course-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .course-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .course-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .course-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .course-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .course-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .course-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .course-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .course-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
    }

    .course-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: disc;
    }

    .course-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400;
    }

    .course-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }
@media (min-width: 1200px) {
    .course-content {
        font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem))
        
    }
}

.course-content > * + * {
    margin-top: calc(16/1920*100rem);
}

.box-course-content {
    max-width: 65ch;
    color: var(--tw-prose-body);
}

    .box-course-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .box-course-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
    }

    .box-course-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline;
    }

    .box-course-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600;
    }

    .box-course-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: decimal;
    }

    .box-course-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .box-course-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .box-course-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .box-course-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .box-course-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .box-course-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .box-course-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .box-course-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .box-course-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
    }

    .box-course-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1.625em;
        list-style-type: disc;
    }

    .box-course-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400;
    }

    .box-course-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }

    .box-course-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        color: var(--tw-prose-headings);
        font-weight: 600;
    }

    .box-course-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3em;
        margin-bottom: 3em;
        border-top-width: 1px;
        border-color: var(--tw-prose-hr);
    }

    .box-course-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        border-left-width: 0.25rem;
        border-left-color: var(--tw-prose-quote-borders);
        padding-left: 1em;
        quotes: "\201C""\201D""\2018""\2019";
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
    }

    .box-course-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: open-quote;
    }

    .box-course-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: close-quote;
    }

    .box-course-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0.8888889em;
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 2.25em;
        line-height: 1.1111111;
    }

    .box-course-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 900;
    }

    .box-course-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 1em;
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.3333333;
    }

    .box-course-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 800;
    }

    .box-course-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1.6;
    }

    .box-course-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .box-course-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        color: var(--tw-prose-headings);
        font-weight: 600;
        line-height: 1.5;
    }

    .box-course-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .box-course-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .box-course-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .box-course-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-right: 0.375em;
        padding-bottom: 0.1875em;
        padding-left: 0.375em;
        color: var(--tw-prose-kbd);
        font-weight: 500;
        font-size: 0.875em;
        font-family: inherit;
    }

    .box-course-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: 0.875em;
    }

        .box-course-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: "`";
        }

        .box-course-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: "`";
        }

    .box-course-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
    }

    .box-course-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
    }

    .box-course-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .box-course-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        background-color: var(--tw-prose-pre-bg);
        padding-top: 0.8571429em;
        padding-right: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-left: 1.1428571em;
        overflow-x: auto;
        color: var(--tw-prose-pre-code);
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.7142857;
    }

    .box-course-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-width: 0;
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    }

        .box-course-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: none;
        }

        .box-course-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: none;
        }

    .box-course-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 100%;
        table-layout: auto;
        font-size: 0.875em;
        line-height: 1.7142857;
        text-align: left;
    }

    .box-course-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
    }

    .box-course-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: bottom;
        padding-right: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-left: 0.5714286em;
        color: var(--tw-prose-headings);
        font-weight: 600;
    }

    .box-course-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
    }

    .box-course-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 0;
    }

    .box-course-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: baseline;
    }

    .box-course-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
    }

    .box-course-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: top;
    }

    .box-course-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .box-course-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8571429em;
        color: var(--tw-prose-captions);
        font-size: 0.875em;
        line-height: 1.4285714;
    }

.box-course-content {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}

    .box-course-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .box-course-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .box-course-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .box-course-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0.375em;
    }

    .box-course-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0.375em;
    }

    .box-course-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .box-course-content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .box-course-content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .box-course-content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .box-course-content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .box-course-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .box-course-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .box-course-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-left: 1.625em;
    }

    .box-course-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .box-course-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .box-course-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .box-course-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .box-course-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0;
    }

    .box-course-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-right: 0;
    }

    .box-course-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-right: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-left: 0.5714286em;
    }

    .box-course-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-left: 0;
    }

    .box-course-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-right: 0;
    }

    .box-course-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .box-course-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .box-course-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

.box-course-content {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
    max-width: none;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    /*line-height: 1.25;*/
}

@media (min-width: 1200px) {
    .box-course-content {
        font-size: clamp(14px,calc(16/1920*100rem),calc(16/1920*100rem));
        font-family: Nunito;
    }
}

.events-other-section:is(.box-course-content) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .box-course-content {
        padding: calc(32/1920*100rem);
    }
}

.box-course-content h3 {
    --tw-text-opacity: 1;
    margin-top: 0 /* 0px */;
    margin-bottom: calc(12/1920*100rem);
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 20px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .box-course-content h3 {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.box-course-content ul {
    padding-left: calc(20/1920*100rem);
}

    .box-course-content ul li *::marker {
        color: rgb(164 16 52 );
    }

    .box-course-content ul li::marker {
        color: rgb(164 16 52 );
    }

.home-banner {
    position: relative;
}

    .home-banner .image {
        aspect-ratio: 1920/640;
    }

@media (min-width: 768px) {
    .home-banner .image {
        aspect-ratio: 1920/640;
    }
}

.contact-item {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    border-top-width: calc(4/1920*100rem);
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

.events-other-section:is(.contact-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .contact-item {
        padding: calc(40/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .contact-item {
        padding: calc(48/1920*100rem);
    }
}

.contact-item .icon {
    --tw-text-opacity: 1;
    margin-bottom: calc(12/1920*100rem);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(32/1920*100rem),calc(32/1920*100rem));
}

.contact-item .title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .contact-item .title {
        font-size: clamp(12px,calc(14/1920*100rem),calc(1/1920*100rem));
    }
}

.contact-item .line {
    --tw-bg-opacity: 1;
    margin-top: calc(16/1920*100rem);
    margin-right: auto;
    margin-bottom: calc(16/1920*100rem);
    margin-left: auto;
    background-color: rgb(189 189 189 / var(--tw-bg-opacity));
    width: calc(80/1920*100rem);
    height: 1px;
}

.contact-item .content {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .contact-item .content {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.contact-item .content > * {
    margin-bottom: calc(8/1920*100rem);
}

    .contact-item .content > *:last-child {
        margin-bottom: 0 /* 0px */;
    }

.contact-item .content a {
    --tw-text-opacity: 1;
    color: rgb(68 136 237 / var(--tw-text-opacity));
    text-decoration-line: underline;
}

    .contact-item .content a:hover {
        --tw-text-opacity: 1;
        color: rgb(38 86 207 / var(--tw-text-opacity));
    }

.contact-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .contact-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .contact-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.contact-form .txt {
    --tw-text-opacity: 1;
    color: rgb(9 9 9 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

    .contact-form .txt * {
        --tw-text-opacity: 1;
        color: rgb(9 9 9 / var(--tw-text-opacity));
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }

    .contact-form .txt span {
        --tw-text-opacity: 1;
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

        .contact-form .txt span * {
            --tw-text-opacity: 1;
            color: rgb(164 16 52 / var(--tw-text-opacity));
        }

.contact-form .wrap-form .form-group input[type='text'], .contact-form .wrap-form .form-group input[type='email'], .contact-form .wrap-form .form-group input[type='tel'], .contact-form .wrap-form .form-group textarea, .contact-form .wrap-form .form-group select {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: transparent;
    border-radius: 0px;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding-right: calc(20/1920*100rem);
    padding-left: calc(20/1920*100rem);
    height: 44px;
    color: rgb(41 41 41 / var(--tw-text-opacity));
}

.events-other-section:is(.contact-form .wrap-form .form-group input[type='text']) .event-item, .events-other-section:is( .contact-form .wrap-form .form-group input[type='email']) .event-item, .events-other-section:is( .contact-form .wrap-form .form-group input[type='tel']) .event-item, .events-other-section:is( .contact-form .wrap-form .form-group textarea) .event-item, .events-other-section:is( .contact-form .wrap-form .form-group select) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.contact-form .wrap-form .form-group input[type='text']::placeholder, .contact-form .wrap-form .form-group input[type='email']::placeholder, .contact-form .wrap-form .form-group input[type='tel']::placeholder, .contact-form .wrap-form .form-group textarea::placeholder, .contact-form .wrap-form .form-group select::placeholder {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

.contact-form .wrap-form .form-group textarea {
    height: 120px;
}

.contact-form .wrap-form .frm-btnwrap button {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    transition-duration: 150ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    border-radius: calc(4/1920*100rem);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding-top: calc(8/1920*100rem);
    padding-right: calc(16/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
    padding-left: calc(16/1920*100rem);
    width: 160px;
    height: 44px;
    overflow: hidden;
}

    .contact-form .wrap-form .frm-btnwrap button span, .contact-form .wrap-form .frm-btnwrap button em {
        --tw-text-opacity: 1;
        transition-duration: 150ms;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        color: rgb(255 255 255 / var(--tw-text-opacity));
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
        line-height: 1;
    }

    .contact-form .wrap-form .frm-btnwrap button span {
        font-weight: 500;
        text-transform: uppercase;
    }

    .contact-form .wrap-form .frm-btnwrap button em {
        margin-left: calc(8/1920*100rem);
    }

    .contact-form .wrap-form .frm-btnwrap button:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

        .contact-form .wrap-form .frm-btnwrap button:hover span, .contact-form .wrap-form .frm-btnwrap button:hover em {
            --tw-text-opacity: 1;
            color: rgb(164 16 52 / var(--tw-text-opacity));
        }

.contact-form .block-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .contact-form .img {
        padding-top: calc(32/1920*100rem);
    }
}

.contact-form .img a {
    display: flex;
    aspect-ratio: 1/1;
}

.document-section .table-responsive th {
    text-align: left;
}

    .document-section .table-responsive th:first-child {
        width: calc(80/1920*100rem);
    }

.document-section .table-responsive a {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

    .document-section .table-responsive a:hover {
        --tw-text-opacity: 1;
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

.document-section .table-responsive th:first-child, .document-section .table-responsive td:first-child {
    text-align: center;
}

.document-section .table-responsive td:last-child {
    width: 12.708333333333334rem;
}

    .document-section .table-responsive td:last-child a {
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        width: max-content;
        color: rgb(38 86 207 / var(--tw-text-opacity));
    }

        .document-section .table-responsive td:last-child a:hover {
            --tw-text-opacity: 1;
            color: rgb(164 16 52 / var(--tw-text-opacity));
        }

.nav-list {
    display: flex;
    align-items: center;
    gap: calc(4/1920*100rem);
    padding: calc(4/1920*100rem);
    overflow-x: hidden;
    overflow-y: hidden;
}

    .nav-list .btn-solid {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }

        .nav-list .btn-solid i, .nav-list .btn-solid em {
            font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
        }

    .nav-list li {
        width: max-content;
    }

        .nav-list li a {
            white-space: nowrap;
        }

.home-nav {
    position: sticky;
    top: calc(88/1920*100rem);
    z-index: 10;
}

@media (min-width: 768px) {
    .home-nav {
        top: calc(108/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .home-nav {
        top: calc(120/1920*100rem);
    }

        .home-nav .nav-list {
            justify-content: center;
        }
}

.home-nav .nav-list li .mobile {
    display: none
}

.home-nav .nav-list li .pc {
    display: block
}

@media (max-width: 1279.98px) {
    .home-nav .nav-list {
        align-items: normal;
        overflow: visible
    }

        .home-nav .nav-list li {
            flex: 1 1 0%;
            height: auto;
        }

            .home-nav .nav-list li a {
                flex-direction: column;
                justify-content: flex-start;
                padding: calc(12/1920*100rem);
                height: 100%;
                text-align: center;
                white-space: normal;
            }

            .home-nav .nav-list li .mobile {
                display: none
            }

            .home-nav .nav-list li .pc {
                display: block
            }
}

@media (max-width: 575.98px) {
    .home-nav {
        position: static;
    }

        .home-nav .nav-list {
            flex-wrap: wrap;
        }

            .home-nav .nav-list li {
                flex-basis: 25%;
            }

                .home-nav .nav-list li .mobile {
                    display: block
                }

                .home-nav .nav-list li .pc {
                    display: none
                }
}

.hub-title > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(28/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(28/1920*100rem) * var(--tw-space-y-reverse));
}

@media (min-width: 1200px) {
    .hub-title > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(48/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(48/1920*100rem) * var(--tw-space-y-reverse));
    }
}

.hub-title .university-name {
    -webkit-text-stroke-color: rgba(255, 224, 195, 0.88);
    -webkit-text-stroke-width: 1;
    color: rgb(255 224 195 / 0.88);
    font-weight: 800;
    font-size: 2.0833333333333335rem;
    line-height: calc(90 / 80);
    letter-spacing: 6.4px;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .hub-title .university-name {
        font-size: 4.166666666666667rem;
    }
}

.hub-title .university-name .highlight {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hub-title h2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 1.5625rem;
}

@media (min-width: 1200px) {
    .hub-title h2 {
        font-size: 2.5rem;
    }

    .home-about {
        padding-top: calc(80/1920*100rem);
        padding-bottom: calc(132/1920*100rem);
    }
}

.home-about .block-about > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(28/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(28/1920*100rem) * var(--tw-space-y-reverse));
}

@media (min-width: 1200px) {
    .home-about .block-about > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(48/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(48/1920*100rem) * var(--tw-space-y-reverse));
    }
}

.home-about .about-list {
    gap: calc(32/1920*100rem);
    columns: 1;
    break-inside: avoid;
}

@media (min-width: 768px) {
    .home-about .about-list {
        columns: 2;
    }
}

.home-about .about-item {
    margin-bottom: calc(32/1920*100rem);
}

@media (min-width: 1024px) {
    .home-about .about-item:first-child {
        margin-top: calc(60/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .home-about .about-item {
        min-height: 15.833333333333334rem;
    }
}

.home-news:is(.news-list-section) .news-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .home-news:is(.news-list-section) .news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-news:is(.news-list-section) .news-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .home-news:is(.news-list-section) .news-list {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .home-news:is(.news-list-section) .news-item {
        grid-column: span 4 / span 4;
    }

        .home-news:is(.news-list-section) .news-item:nth-child(1), .home-news:is(.news-list-section) .news-item:nth-child(2) {
            grid-column: span 6 / span 6;
            border-radius: 0px;
        }
}

.home-courses-item {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 4px 20px 8px var(--tw-shadow-color);
    position: relative;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    overflow: hidden;
}

    .home-courses-item .image {
        position: relative;
        overflow: hidden;
    }

        .home-courses-item .image img {
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: linear;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

            .home-courses-item .image img:hover {
                --tw-scale-x: 1.05;
                --tw-scale-y: 1.05;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }

    .home-courses-item .image {
        aspect-ratio: 352/234;
    }

    .home-courses-item .caption {
        padding: calc(20/1920*100rem);
    }

@media (min-width: 1200px) {
    .home-courses-item .caption {
        padding: calc(24/1920*100rem);
    }
}

.home-courses-item .title {
    --tw-text-opacity: 1;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .home-courses-item .title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.home-courses-item:hover .title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.home-courses-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .home-courses-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .home-courses-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .home-courses-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.home-courses .site-desc {
    max-width: 49.79166666666667rem;
}

.home-courses .count-up-list {
    --tw-border-opacity: 1;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(152 152 152 / var(--tw-border-opacity));
}

.home-committed .home-courses-item .caption {
    padding-right: calc(12/1920*100rem);
    padding-left: calc(12/1920*100rem);
}

.story-item .image {
    border-radius: calc(16/1920*100rem);
    aspect-ratio: 864/448;
}

.story-item .caption {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    display: flex;
    flex-direction: column;
    border-bottom-width: calc(2/1920*100rem);
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    border-radius: calc(16/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

@media (min-width: 768px) {
    .story-item .caption {
        padding: calc(40/1920*100rem);
    }
}

@media (min-width: 1200px) {
    .story-item .caption {
        padding-top: calc(56/1920*100rem);
        padding-right: calc(64/1920*100rem);
        padding-bottom: calc(56/1920*100rem);
        padding-left: calc(64/1920*100rem);
    }
}

.story-item .name {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .story-item .name {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.story-item .sub-name {
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .story-item .sub-name {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.story-item .line-dot {
    display: flex;
    align-items: center;
    gap: 0.10416666666666667rem;
}

    .story-item .line-dot .dot {
        --tw-bg-opacity: 1;
        background-color: rgb(68 136 237 / var(--tw-bg-opacity));
        width: calc(4/1920*100rem);
        height: calc(4/1920*100rem);
    }

        .story-item .line-dot .dot:nth-child(even) {
            --tw-bg-opacity: 1;
            background-color: rgb(164 16 52 / var(--tw-bg-opacity));
        }

.story-item .brief {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .story-item .brief {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

@media (min-width: 768px) {
    .story-item {
        display: flex;
        flex-direction: row-reverse;
    }

        .story-item > * {
            width: 50%;
        }

        .story-item .caption {
            border-bottom-width: 0px;
            border-left-width: calc(2/1920*100rem);
        }
}

@media (min-width: 1200px) {
    .story-item .image {
        flex: none;
        width: 45rem;
    }

    .story-item .caption {
        flex: 1 1 0%;
    }
}

.home-story .swiper-relative {
    padding-bottom: calc(40/1920*100rem);
}

.home-story .swiper-pagination {
    bottom: 0 /* 0px */;
}

@media (min-width: 1200px) {
    .home-story .swiper {
        max-width: 68.33333333333334rem;
        overflow: visible;
    }
}

.unit-link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(20/1920*100rem);
}

    .unit-link-list li {
        --tw-border-opacity: 1;
        border-right-width: 1px;
        border-color: rgb(152 152 152 / var(--tw-border-opacity));
        padding-right: calc(20/1920*100rem);
    }

        .unit-link-list li:last-child {
            border-style: none;
            padding-right: 0 /* 0px */;
        }

    .unit-link-list a {
        --tw-text-opacity: 1;
        display: block;
        position: relative;
        transition: background-size 350ms;
        background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 400;
        line-height: 1.4;
        text-align: center;
    }

        .unit-link-list a:hover {
            background-size: 100% 1px;
            background-position-x: left;
        }

    .unit-link-list a {
        font-size: 18px;
        line-height: 1.375;
    }

@media (min-width: 1200px) {
    .unit-link-list a {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.unit-link-list a:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.home-our-research .site-desc {
    max-width: 42.13541666666667rem;
}

.home-our-research .count-up-list {
    --tw-border-opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgb(152 152 152 / var(--tw-border-opacity));
}

.home-connectivity .site-desc {
    max-width: 44.21875rem;
}

.home-connectivity .count-up-list {
    --tw-border-opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgb(152 152 152 / var(--tw-border-opacity));
}

@media (min-width: 1200px) {
    .home-connectivity .swiper {
        margin-right: calc(calc(8/1920*100rem) * -1);
        margin-left: calc(calc(8/1920*100rem) * -1);
        padding-right: calc(8/1920*100rem);
        padding-bottom: calc(8/1920*100rem);
        padding-left: calc(8/1920*100rem);
    }

    .home-connectivity .home-courses-item {
        --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

.home-hub-life {
    position: relative;
}

@media (min-width: 768px) {
    .home-hub-life {
        min-height: 29.166666666666668rem;
    }
}

.home-hub-life .box-content {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: calc(20/1920*100rem);
    z-index: 2;
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 768px) {
    .home-hub-life .box-content {
        padding-top: calc(76/1920*100rem);
        padding-bottom: calc(76/1920*100rem);
        max-width: 25.208333333333336rem;
    }
}

.home-hub-life .button {
    flex-direction: column;
    gap: calc(12/1920*100rem);
}

.home-hub-life .btn-solid {
    width: max-content;
}

@media (min-width: 1200px) {
    .home-hub-life .btn-solid {
        padding-right: calc(24/1920*100rem);
        padding-left: calc(24/1920*100rem);
    }
}

@media (min-width: 768px) {
    .home-hub-life .image {
        position: absolute;
        z-index: 1;
        inset: 0 /* 0px */;
    }
}

header {
    --tw-bg-opacity: 1;
    position: sticky;
    top: 0 /* 0px */;
    right: 0 /* 0px */;
    left: 0 /* 0px */;
    z-index: 999;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.05);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

    header .header-top {
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        padding-top: calc(12/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
    }

@media (min-width: 1200px) {
    header .header-top {
        padding-top: 0.78125rem;
    }
}

header .header-top .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(8/1920*100rem);
}

header .header-bot {
    display: none;
}

@media (min-width: 1200px) {
    header .header-bot {
        display: block;
    }
}

header .logo {
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    height: 4.427083333333334rem;
}

    header .logo img, header .logo svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

header .button-contact + .button-language {
    display: flex;
    position: relative;
    align-items: center;
}

    header .button-contact + .button-language::before {
        --tw-border-opacity: 1;
        border-left-width: 1px;
        border-color: rgb(239 239 239 / var(--tw-border-opacity));
        padding-left: calc(8/1920*100rem);
        height: calc(16/1920*100rem);
        content: ''
    }

header .contact-list {
    display: flex;
    align-items: center;
    gap: calc(8/1920*100rem);
}

    header .contact-list a {
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(8/1920*100rem);
        border-radius: calc(4/1920*100rem);
        padding-right: calc(8/1920*100rem);
        padding-left: calc(8/1920*100rem);
        color: rgb(129 130 133 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    header .contact-list a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

header .contact-list a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(240 246 254 / var(--tw-bg-opacity));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

header .contact-list a {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}

    header .contact-list a i {
        --tw-text-opacity: 1;
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

header .contact-list li {
    line-height: 1;
}

    header .contact-list li + li {
        display: flex;
        position: relative;
        align-items: center;
    }

        header .contact-list li + li::before {
            --tw-border-opacity: 1;
            border-left-width: 1px;
            border-color: rgb(239 239 239 / var(--tw-border-opacity));
            padding-left: calc(8/1920*100rem);
            height: calc(16/1920*100rem);
            content: ''
        }

header .language-list {
    display: flex;
    align-items: center;
    gap: calc(8/1920*100rem);
    padding-top: 0.3125rem;
    padding-right: calc(8/1920*100rem);
    padding-bottom: 0.3125rem;
    padding-left: calc(8/1920*100rem);
}

    header .language-list a {
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgb(129 130 133 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    header .language-list a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

header .language-list a:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

header .language-list li {
    line-height: 1;
}

    header .language-list li + li {
        display: flex;
        position: relative;
        align-items: center;
    }

        header .language-list li + li::before {
            --tw-border-opacity: 1;
            border-left-width: 1px;
            border-color: rgb(239 239 239 / var(--tw-border-opacity));
            padding-left: calc(8/1920*100rem);
            height: calc(16/1920*100rem);
            content: ''
        }

    header .language-list li.active a {
        --tw-text-opacity: 1;
        color: rgb(164 16 52 / var(--tw-text-opacity));
        text-shadow: 0.75px 0 0 #A41034
    }

header .button-search {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    width: calc(68/1920*100rem);
    height: calc(44/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
}

    header .button-search:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(143 7 40 / var(--tw-bg-opacity));
    }

header .menu-top {
    display: none;
    align-items: center;
    gap: calc(8/1920*100rem);
}

@media (min-width: 1200px) {
    header .menu-top {
        display: flex;
    }
}

header .menu-top > li > a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(12/1920*100rem);
    height: calc(44/1920*100rem);
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    header .menu-top > li > a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.events-other-section:is(header .menu-top > li > a) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

header .menu-top > li > a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 246 254 / var(--tw-bg-opacity));
}

header .menu-top > li.has-dropdown {
    position: relative;
}

    header .menu-top > li.has-dropdown:hover > a {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(164 16 52 / var(--tw-bg-opacity));
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    header .menu-top > li.has-dropdown:hover .dropdown-menu {
        opacity: 1;
        pointer-events: auto;
    }

header .menu-top .dropdown-menu {
    -webkit-backdrop-filter: blur(8px);
    position: absolute;
    top: 100%;
    left: 0 /* 0px */;
    opacity: 0;
    z-index: 1;
    backdrop-filter: blur(8px);
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    width: max-content;
    pointer-events: none
}

    header .menu-top .dropdown-menu a {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        border-bottom-width: 1px;
        border-color: rgb(220 220 220 / var(--tw-border-opacity));
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: calc(12/1920*100rem);
        padding-right: calc(32/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        padding-left: calc(32/1920*100rem);
        height: calc(48/1920*100rem);
        color: rgb(41 41 41 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 16px;
        line-height: 1.25;
        text-align: left;
        white-space: nowrap;
    }

@media (min-width: 1200px) {
    header .menu-top .dropdown-menu a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

header .menu-top .dropdown-menu a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

header .main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    header .main-menu .dot {
        --tw-bg-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        width: calc(4/1920*100rem);
        height: calc(4/1920*100rem);
    }

    header .main-menu > li > a {
        --tw-text-opacity: 1;
        display: block;
        position: relative;
        transition: background-size 350ms;
        background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
        padding-top: calc(12/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        color: rgb(255 255 255 / var(--tw-text-opacity));
        font-weight: 700;
        text-align: center;
    }

        header .main-menu > li > a:hover {
            background-size: 100% 1px;
            background-position-x: left;
        }

    header .main-menu > li > a {
        font-size: 16px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    header .main-menu > li > a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

header .main-menu > li.active a {
    background-size: 100% 1px;
    background-position-x: left;
}

header .main-menu > li.has-mega-menu:hover::before {
    opacity: 1;
    content: var(--tw-content);
}

header .main-menu > li.has-mega-menu:hover > a {
    background-size: 100% 1px;
    background-position-x: left;
}

header .main-menu > li.has-mega-menu:hover .mega-menu {
    opacity: 1;
    pointer-events: auto;
}

header .menu-toggle {
    display: none;
}

header .mega-menu {
    --tw-bg-opacity: 1;
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    display: flex;
    position: absolute;
    top: 100%;
    left: 0 /* 0px */;
    justify-content: center;
    opacity: 0;
    z-index: -1;
    transition-duration: 200ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    pointer-events: none;
}

header .mega-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(calc(48/1920*100rem) * -1);
    margin-right: calc(calc(16/1920*100rem) * -1);
    margin-left: calc(calc(16/1920*100rem) * -1);
    padding-top: calc(32/1920*100rem);
    padding-bottom: calc(44/1920*100rem);
}

    header .mega-list > * {
        margin-top: calc(48/1920*100rem);
        padding-right: calc(16/1920*100rem);
        padding-left: calc(16/1920*100rem);
        width: 25%;
    }

    header .mega-list > li > a {
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        display: block;
        border-bottom-width: 1px;
        border-color: rgb(164 16 52 / var(--tw-border-opacity));
        padding-bottom: calc(12/1920*100rem);
        color: rgb(164 16 52 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 16px;
        line-height: 1.25;
        text-transform: uppercase;
    }

@media (min-width: 1200px) {
    header .mega-list > li > a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

header .mega-list > li > a:hover {
    --tw-text-opacity: 1;
    border-color: currentColor;
    color: rgb(143 7 40 / var(--tw-text-opacity));
}

header .children-menu > li > a {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    display: block;
    border-bottom-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    padding-top: calc(12/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    header .children-menu > li > a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

header .children-menu > li > a:hover {
    --tw-text-opacity: 1;
    border-color: currentColor;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

@media (max-width: 1023.98px) {
    header .contact-list a span {
        display: none;
    }
}

@media (max-width: 575.98px) {
    header .logo {
        height: calc(64/1920*100rem);
    }

    header .button-search {
        width: calc(44/1920*100rem);
    }
}

@media (min-width: 1200px) {
    header.active .header-top {
        padding-top: calc(8/1920*100rem);
        padding-bottom: calc(8/1920*100rem);
    }

    header.active .logo {
        height: calc(60/1920*100rem);
    }
}

.mobile-wrap {
    --tw-bg-opacity: 1;
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    position: fixed;
    top: 0 /* 0px */;
    left: -100%;
    opacity: 0;
    z-index: 998;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: calc(120/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
    padding-left: calc(16/1920*100rem);
    width: 100vw;
    max-width: 28rem;
    height: 100vh;
    pointer-events: none;
}

@media (min-width: 1200px) {
    .mobile-wrap {
        display: none;
    }
}

.mobile-wrap .navbar-nav-list {
    padding-right: calc(16/1920*100rem);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.mobile-wrap .main-menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}

.mobile-wrap .main-menu li {
    position: relative;
}

.mobile-wrap .main-menu > li > a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: block;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(12/1920*100rem);
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
}

.events-other-section:is(.mobile-wrap .main-menu > li > a) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.mobile-wrap .main-menu > li.active > a {
    --tw-text-opacity: 1;
    background-size: 100% 1px;
    background-color: rgb(164 16 52 / 0.1);
    background-position-x: left;
    color: rgb(143 7 40 / var(--tw-text-opacity));
}

.mobile-wrap .main-menu > li.active > .menu-toggle {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.mobile-wrap .menu-toggle {
    --tw-text-opacity: 1;
    display: flex;
    position: absolute;
    top: 0 /* 0px */;
    right: 0 /* 0px */;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    width: calc(44/1920*100rem);
    height: calc(44/1920*100rem);
    color: rgb(41 41 41 / var(--tw-text-opacity));
}

    .mobile-wrap .menu-toggle.active {
        --tw-rotate: 180deg;
        --tw-text-opacity: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

.mobile-wrap .mega-menu {
    display: none;
    padding-bottom: calc(20/1920*100rem);
}

.mobile-wrap .mega-list {
    margin-top: calc(8/1920*100rem);
    margin-right: calc(calc(16/1920*100rem) * -1);
}

    .mobile-wrap .mega-list > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
    }

.mobile-wrap .mega-list {
    --tw-bg-opacity: 1;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding-top: calc(12/1920*100rem);
    padding-right: calc(16/1920*100rem);
    padding-bottom: calc(12/1920*100rem);
    padding-left: calc(16/1920*100rem);
}

.events-other-section:is(.mobile-wrap .mega-list) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.mobile-wrap .mega-list > li > a {
    --tw-text-opacity: 1;
    display: block;
    padding-top: calc(8/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
}

.mobile-wrap .mega-list > li.active > a {
    --tw-text-opacity: 1;
    color: rgb(143 7 40 / var(--tw-text-opacity));
}

.mobile-wrap .children-menu {
    padding-left: calc(28/1920*100rem);
}

    .mobile-wrap .children-menu > li > a {
        --tw-text-opacity: 1;
        display: block;
        padding-top: calc(8/1920*100rem);
        padding-bottom: calc(8/1920*100rem);
        color: rgb(41 41 41 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 15px;
    }

    .mobile-wrap .children-menu > li.active > a {
        --tw-text-opacity: 1;
        color: rgb(143 7 40 / var(--tw-text-opacity));
    }

.mobile-wrap .menu-top {
    display: flex;
    flex-direction: column;
    gap: calc(8/1920*100rem);
    margin-top: calc(8/1920*100rem);
}

    .mobile-wrap .menu-top > li > a {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        border-radius: calc(4/1920*100rem);
        background-color: rgb(246 246 246 / var(--tw-bg-opacity));
        padding: calc(12/1920*100rem);
        height: calc(48/1920*100rem);
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 16px;
        text-align: left;
    }

.events-other-section:is(.mobile-wrap .menu-top > li > a) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.mobile-wrap .menu-top > li.has-dropdown {
    position: relative;
}

.mobile-wrap .menu-top .dropdown-menu {
    display: none;
    margin-bottom: calc(8/1920*100rem);
    padding-left: calc(20/1920*100rem);
}

    .mobile-wrap .menu-top .dropdown-menu a {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        border-bottom-width: 1px;
        border-color: rgb(220 220 220 / var(--tw-border-opacity));
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: calc(12/1920*100rem);
        padding-right: calc(32/1920*100rem);
        padding-bottom: calc(12/1920*100rem);
        padding-left: calc(32/1920*100rem);
        height: calc(48/1920*100rem);
        color: rgb(41 41 41 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
        text-align: left;
        white-space: nowrap;
    }

@media (min-width: 1200px) {
    .mobile-wrap .menu-top .dropdown-menu a {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.mobile-wrap .menu-top .dropdown-menu a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.mobile-wrap .contact-list {
    display: flex;
    flex-direction: column;
    gap: calc(8/1920*100rem);
    margin-top: calc(8/1920*100rem);
}

    .mobile-wrap .contact-list a {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        display: flex;
        align-items: center;
        gap: calc(8/1920*100rem);
        border-radius: calc(4/1920*100rem);
        background-color: rgb(246 246 246 / var(--tw-bg-opacity));
        padding: calc(12/1920*100rem);
        height: calc(44/1920*100rem);
        color: rgb(164 16 52 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 16px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .mobile-wrap .contact-list a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.events-other-section:is(.mobile-wrap .contact-list a) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.mobile-wrap .contact-list a span {
    --tw-text-opacity: 1;
    color: rgb(129 130 133 / var(--tw-text-opacity));
}

.mobile-wrap.open {
    left: 0 /* 0px */;
    opacity: 1;
    pointer-events: auto;
}

.search-wrap {
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    justify-content: center;
    align-items: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    z-index: 2000;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(16/1920*100rem);
    padding-left: calc(16/1920*100rem);
    width: 100%;
    max-width: 1000;
    pointer-events: none;
}

    .search-wrap .searchbox {
        position: relative;
        width: 100%;
    }

        .search-wrap .searchbox input {
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity));
        }

        .search-wrap .searchbox button {
            --tw-translate-y: -50%;
            --tw-text-opacity: 1;
            display: flex;
            position: absolute;
            top: 50%;
            right: 0 /* 0px */;
            justify-content: center;
            align-items: center;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transition-duration: 150ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            width: calc(44/1920*100rem);
            height: calc(44/1920*100rem);
            color: rgb(41 41 41 / var(--tw-text-opacity));
        }

    .search-wrap.open {
        opacity: 1;
        pointer-events: auto;
    }

.faq-list {
    counter-reset: section;
}

    .faq-list .toggle-item {
        margin-bottom: calc(20/1920*100rem);
        overflow: hidden;
    }

        .faq-list .toggle-item.is-toggle {
            box-shadow: 2px 2px 12px 2px #00000014;
        }

            .faq-list .toggle-item.is-toggle .title {
                --tw-border-opacity: 1;
                border-color: rgb(164 16 52 / var(--tw-border-opacity));
            }

                .faq-list .toggle-item.is-toggle .title .number {
                    --tw-bg-opacity: 1;
                    --tw-text-opacity: 1;
                    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
                    color: rgb(255 255 255 / var(--tw-text-opacity));
                }

                .faq-list .toggle-item.is-toggle .title em {
                    --tw-text-opacity: 1;
                    transform: rotateX(180deg);
                    color: rgb(164 16 52 / var(--tw-text-opacity))
                }

            .faq-list .toggle-item.is-toggle .article {
                display: block;
            }

        .faq-list .toggle-item .title {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: calc(20/1920*100rem);
            transition-duration: 150ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            border-bottom-width: 1px;
            border-color: rgb(246 246 246 / var(--tw-border-opacity));
            border-radius: calc(4/1920*100rem);
            background-color: rgb(246 246 246 / var(--tw-bg-opacity));
            overflow: hidden;
        }

.events-other-section:is(.faq-list .toggle-item .title) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.faq-list .toggle-item .number {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: calc(4/1920*100rem);
    background-color: rgb(220 220 220 / var(--tw-bg-opacity));
    width: calc(60/1920*100rem);
    height: calc(60/1920*100rem);
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .faq-list .toggle-item .number {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.faq-list .toggle-item .txt {
    --tw-bg-opacity: 1;
    display: flex;
    position: relative;
    flex: 1 1 0%;
    justify-content: flex-start;
    align-items: center;
    transition-duration: 150ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0.25rem;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding-top: calc(8/1920*100rem);
    padding-right: calc(40/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
}

.events-other-section:is(.faq-list .toggle-item .txt) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
    .faq-list .toggle-item .txt {
        margin: 0 /* 0px */;
        width: 100%;
    }
}

.faq-list .toggle-item .txt > span {
    font-weight: 700;
    font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
}

    .faq-list .toggle-item .txt > span * {
        font-weight: 700;
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }

.faq-list .toggle-item .txt em {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: .3s all ease-in-out;
    margin-left: calc(20/1920*100rem);
    width: 16px;
    height: 15px;
    font-size: 18px;
}

@media screen and (max-width: 1023.98px) {
    .faq-list .toggle-item .txt em {
        width: 16px;
        height: 16px;
        font-size: 16px;
    }
}

.toggle-item .article {
    --tw-text-opacity: 1;
    display: none;
    border-top-width: 1px;
    border-top-color: transparent;
    padding: 1.25rem 1.25rem 0 1.25rem;
    padding-top: calc(12/1920*100rem);
    color: rgb(9 9 9 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

@media (min-width: 1024px) {
    .toggle-item .article {
        padding: 1.25rem 3.125rem;
    }
}

.toggle-item .article * {
    --tw-text-opacity: 1;
    color: rgb(9 9 9 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

.toggle-item .article p {
    display: block;
    margin-bottom: calc(16/1920*100rem);
}

.toggle-item .article ul {
    margin-top: calc(16/1920*100rem);
    padding-left: 20px;
    list-style-type: disc;
}

    .toggle-item .article ul li {
        margin-bottom: calc(16/1920*100rem);
    }

.toggle-item .article strong, .toggle-item .article h3, .toggle-item .article h4 {
    font-weight: 700;
}

.toggle-item .article img {
    display: block;
    margin-top: calc(16/1920*100rem);
    margin-right: auto;
    margin-bottom: calc(16/1920*100rem);
    margin-left: auto;
}

.toggle-item .article ul {
    list-style-type: disc;
}

    .toggle-item .article ul li {
        margin-bottom: calc(8/1920*100rem);
    }

.event-item {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    border-bottom-width: calc(4/1920*100rem);
    border-color: rgb(246 246 246 / var(--tw-border-opacity));
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    overflow: hidden;
}

.events-other-section:is(.event-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.event-item .image {
    position: relative;
    overflow: hidden;
}

    .event-item .image img {
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: linear;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

        .event-item .image img:hover {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

.event-item .image {
    aspect-ratio: 480/322;
}

.event-item .caption {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: calc(12/1920*100rem);
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .event-item .caption {
        padding: calc(24/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
    }
}

.event-item .news-date {
    --tw-text-opacity: 1;
    color: rgb(152 152 152 / var(--tw-text-opacity));
}

.event-item .event-title {
    -webkit-box-orient: vertical;
    --tw-text-opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .event-item .event-title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.event-item .event-title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.event-item .brief {
    --tw-text-opacity: 1;
    color: rgb(61 61 61 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .event-item .brief {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.event-item:hover .image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.event-item:hover .caption {
    --tw-border-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
}

@media (min-width: 768px) {
    .event-item.is-big {
        flex-direction: row;
        border-radius: 0px;
    }

        .event-item.is-big .image {
            aspect-ratio: 992/660;
            width: calc(992 / 1504 * 100%);
        }

        .event-item.is-big .caption {
            justify-content: center;
            gap: calc(24/1920*100rem);
            padding: calc(32/1920*100rem);
        }

        .event-item.is-big .event-title {
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            overflow: hidden;
            font-size: 20px;
            line-height: 1.375;
        }

    @media (min-width: 1200px) {
        .event-item.is-big .event-title {
            font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
        }
    }
}

@media (min-width: 1200px) {
    .event-item.is-big .caption {
        padding: calc(64/1920*100rem);
    }
}

.event-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .event-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .event-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .event-list-section .event-item:first-child {
        grid-column: span 2 / span 2;
    }
}

@media (min-width: 1024px) {
    .event-list-section .event-item:first-child {
        grid-column: span 3 / span 3;
    }
}

.box-new-notification {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

.events-other-section:is(.box-new-notification) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .box-new-notification {
        padding: calc(32/1920*100rem);
    }
}

.box-new-notification .notification-list {
    margin-top: calc(20/1920*100rem);
}

.box-new-notification .notification-item {
    --tw-border-opacity: 1;
    flex-direction: row;
    gap: calc(20/1920*100rem);
    border-top-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    background-color: transparent;
    padding-top: calc(20/1920*100rem);
    padding-right: 0 /* 0px */;
    padding-bottom: calc(20/1920*100rem);
    padding-left: 0 /* 0px */;
}

    .box-new-notification .notification-item:first-child {
        border-style: none;
        padding-top: 0 /* 0px */;
    }

    .box-new-notification .notification-item:last-child {
        padding-bottom: 0 /* 0px */;
    }

    .box-new-notification .notification-item:hover {
        background-color: transparent;
    }

    .box-new-notification .notification-item .news-title {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .box-new-notification .notification-item .news-title {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.box-new-notification .notification-item:hover .news-title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.hub-40-section .news-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 576px) {
    .hub-40-section .news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .hub-40-section .news-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.hub-life-item {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    cursor: pointer;
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    overflow: hidden;
    color: rgb(246 246 246 / var(--tw-text-opacity));
}

.events-other-section:is(.hub-life-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hub-life-item .image {
    position: relative;
    overflow: hidden;
}

    .hub-life-item .image img {
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: linear;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

        .hub-life-item .image img:hover {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

.hub-life-item .image {
    aspect-ratio: 480/322;
}

.hub-life-item .caption {
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom-width: calc(4/1920*100rem);
    border-color: currentColor;
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    padding: calc(20/1920*100rem);
    overflow: hidden;
}

@media (min-width: 1200px) {
    .hub-life-item .caption {
        padding-top: calc(32/1920*100rem);
        padding-right: calc(24/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
        padding-left: calc(24/1920*100rem);
    }
}

.hub-life-item .title {
    --tw-text-opacity: 1;
    transition-duration: 150ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .hub-life-item .title {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.hub-life-item:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

    .hub-life-item:hover .title {
        color: currentColor;
    }

.hub-life-item.is-video .image::before {
    --tw-text-opacity: 1;
    --tw-content: '\f04b';
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    justify-content: center;
    align-items: center;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 2;
    transition-duration: 200ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: linear;
    border-radius: 9999px;
    background-color: rgb(0 0 0 / 0.5);
    width: calc(64/1920*100rem);
    height: calc(64/1920*100rem);
    pointer-events: none;
    content: var(--tw-content);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    font-family: "Font Awesome 6 Pro";
}

.hub-life-item.is-video .image::after {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 1;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(0 0 0 / 0.2);
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: ''
}

.hub-life-item.is-video .title {
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .hub-life-item.is-video .title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.hub-life-item.is-video:hover .image::before {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
}

.hub-life-item.is-video:hover .image::after {
    opacity: 0;
}

.gallery-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .gallery-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .gallery-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

        .gallery-list .hub-life-item {
            grid-column: span 2 / span 2;
        }

            .gallery-list .hub-life-item:nth-child(1), .gallery-list .hub-life-item:nth-child(2) {
                grid-column: span 3 / span 3;
            }

                .gallery-list .hub-life-item:nth-child(1) .image, .gallery-list .hub-life-item:nth-child(2) .image {
                    aspect-ratio: 736/490;
                }
}

.video-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .video-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .video-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.gallery-section .site-desc {
    max-width: 42.13541666666667rem;
}

.date-status-flex {
    display: flex;
    align-items: center;
    gap: calc(12/1920*100rem);
}

.status {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding-top: calc(4/1920*100rem);
    padding-right: calc(12/1920*100rem);
    padding-bottom: calc(4/1920*100rem);
    padding-left: calc(12/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .status {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.date-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(16/1920*100rem);
}

.news-detail-section .news-detail-title {
    line-height: calc(48 / 40);
}

.news-detail-section .news-date {
    --tw-text-opacity: 1;
    color: rgb(152 152 152 / var(--tw-text-opacity));
}

.news-detail-section .date-share {
    margin-top: calc(24/1920*100rem);
}

    .news-detail-section .date-share .date-status-flex {
        margin: 0 /* 0px */;
    }

.news-detail-section .date-status-flex {
    margin-top: calc(24/1920*100rem);
}

    .news-detail-section .date-status-flex .news-date {
        margin-top: 0 /* 0px */;
    }

.news-detail-section .status {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    margin-left: calc(12/1920*100rem);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    padding-top: calc(4/1920*100rem);
    padding-right: calc(12/1920*100rem);
    padding-bottom: calc(4/1920*100rem);
    padding-left: calc(12/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
}

.news-detail-section .full-content {
    --tw-border-opacity: 1;
    margin-top: calc(24/1920*100rem);
    border-top-width: 1px;
    border-style: solid;
    border-color: rgb(217 217 217 / var(--tw-border-opacity));
    padding-top: calc(24/1920*100rem);
    /* font-family: "Nunito",sans-serif; */
    /* font-weight: 300; */
    line-height: 32px;
    letter-spacing: 0.2px;
}

.news-detail-section .bottom-wrap {
    --tw-border-opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
    padding-bottom: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .news-detail-section .bottom-wrap {
        padding-bottom: calc(24/1920*100rem);
    }
}

.briefcontent {
    --tw-text-opacity: 1;
    margin-bottom: calc(8/1920*100rem);
    padding-top: calc(16/1920*100rem);
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 700;
    line-height: 1.25;
    text-align: justify;
}

    .briefcontent * {
        --tw-text-opacity: 1;
        color: rgb(41 41 41 / var(--tw-text-opacity));
        font-weight: 700;
        line-height: 1.25;
        text-align: justify;
    }

@media (min-width: 1200px) {
    .briefcontent {
        padding-top: calc(24/1920*100rem);
    }
}

.events-other-section:is(.bg-neutral-50) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.news-item-big {
    position: relative;
}

    .news-item-big::after {
        display: block;
        position: absolute;
        bottom: 0 /* 0px */;
        left: 0 /* 0px */;
        z-index: 10;
        transition-duration: 150ms;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        background: linear-gradient(342.92deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 76.5%);
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: '';
    }

    .news-item-big .img a {
        display: flex;
        aspect-ratio: 352/234;
    }

    .news-item-big .txt {
        position: absolute;
        right: 0 /* 0px */;
        bottom: 0 /* 0px */;
        left: 0 /* 0px */;
        z-index: 20;
        padding: calc(24/1920*100rem);
        pointer-events: none;
    }

@media (min-width: 1200px) {
    .news-item-big .txt {
        padding: calc(32/1920*100rem);
    }
}

.news-item-big .txt span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .news-item-big .txt span {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.news-item-big .txt span {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-item-big time {
    --tw-text-opacity: 1;
    display: block;
    margin-bottom: calc(8/1920*100rem);
    color: rgb(220 220 220 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 12px;
}

.news-item-big:hover .txt span {
    text-decoration-line: underline;
}

.news-list-section .news-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .news-list-section .news-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .news-list-section .news-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .news-list-section .news-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.news-list-section .news-item {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.events-other-section:is(.news-list-section .news-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .news-list-section .news-item:nth-child(1), .news-list-section .news-item:nth-child(2) {
        grid-column: span 2 / span 2;
        border-radius: 0px;
    }

        .news-list-section .news-item:nth-child(1) .image, .news-list-section .news-item:nth-child(2) .image {
            aspect-ratio: 736/484;
        }

        .news-list-section .news-item:nth-child(1) .caption, .news-list-section .news-item:nth-child(2) .caption {
            position: absolute;
            bottom: 0 /* 0px */;
            left: 0 /* 0px */;
            justify-content: flex-end;
            gap: calc(12/1920*100rem);
            z-index: 1;
            border-width: 0px;
            border-radius: 0px;
            background: linear-gradient(0, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 76.5%);
            background-color: transparent;
            padding: calc(32/1920*100rem);
            padding-top: 7.96875rem;
            width: 100%;
            pointer-events: none
        }

            .news-list-section .news-item:nth-child(1) .caption > *, .news-list-section .news-item:nth-child(2) .caption > * {
                pointer-events: auto;
            }

        .news-list-section .news-item:nth-child(1) .news-date, .news-list-section .news-item:nth-child(2) .news-date {
            --tw-text-opacity: 1;
            color: rgb(220 220 220 / var(--tw-text-opacity));
        }

        .news-list-section .news-item:nth-child(1) .news-title, .news-list-section .news-item:nth-child(2) .news-title {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
            font-size: 18px;
            line-height: 1.375;
        }

    @media (min-width: 1200px) {
        .news-list-section .news-item:nth-child(1) .news-title, .news-list-section .news-item:nth-child(2) .news-title {
            font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
        }
    }
}

.box-news-detail {
    max-width: 56.66666666666667rem;
}

.box-news-other .box-title {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    padding-bottom: calc(20/1920*100rem);
}

.box-news-other .news-item {
    --tw-border-opacity: 1;
    flex-direction: row;
    align-items: center;
    gap: calc(16/1920*100rem);
    border-bottom-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    border-radius: 0px;
    padding-top: calc(20/1920*100rem);
    padding-bottom: calc(20/1920*100rem);
}

    .box-news-other .news-item .image {
        width: 112px;
        height: 76px;
    }

    .box-news-other .news-item .caption {
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        gap: calc(4/1920*100rem);
        border-style: none;
        border-radius: 0px;
        background-size: 0;
        padding: 0 /* 0px */
    }

    .box-news-other .news-item .news-date {
        margin: 0 /* 0px */;
        font-weight: 500;
        font-size: 12px;
    }

    .box-news-other .news-item .news-title {
        -webkit-box-orient: vertical;
        --tw-text-opacity: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .box-news-other .news-item .news-title {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.box-news-other .news-item .news-title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.news-date {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .news-date {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.card-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .card-item .image {
        position: relative;
        overflow: hidden;
    }

        .card-item .image img {
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: linear;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

            .card-item .image img:hover {
                --tw-scale-x: 1.05;
                --tw-scale-y: 1.05;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }

    .card-item .image {
        aspect-ratio: 352/236;
    }

    .card-item .caption {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        gap: calc(12/1920*100rem);
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        border-bottom-width: calc(4/1920*100rem);
        border-color: rgb(246 246 246 / var(--tw-border-opacity));
        border-bottom-right-radius: calc(16/1920*100rem);
        border-bottom-left-radius: calc(16/1920*100rem);
        background-color: rgb(246 246 246 / var(--tw-bg-opacity));
        padding: calc(20/1920*100rem);
    }

.events-other-section:is(.card-item .caption) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .card-item .caption {
        padding: calc(24/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
    }
}

.card-item .card-title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .card-item .card-title {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.card-item .card-title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.card-item:hover .caption {
    --tw-border-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
}

.news-item {
    --tw-bg-opacity: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    overflow: hidden;
}

    .news-item .image {
        position: relative;
        overflow: hidden;
    }

        .news-item .image img {
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: linear;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

            .news-item .image img:hover {
                --tw-scale-x: 1.05;
                --tw-scale-y: 1.05;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }

    .news-item .image {
        aspect-ratio: 480/322;
    }

    .news-item .caption {
        --tw-border-opacity: 1;
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        gap: calc(12/1920*100rem);
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        border-bottom-width: calc(4/1920*100rem);
        border-color: rgb(246 246 246 / var(--tw-border-opacity));
        border-bottom-right-radius: calc(16/1920*100rem);
        border-bottom-left-radius: calc(16/1920*100rem);
        padding: calc(20/1920*100rem);
    }

@media (min-width: 1200px) {
    .news-item .caption {
        padding: calc(24/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
    }
}

.news-item .news-title {
    -webkit-box-orient: vertical;
    --tw-text-opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .news-item .news-title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.news-item .news-title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.news-item:hover .image img {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.news-item:hover .caption {
    --tw-border-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
}

.notification-detail-section {
    line-height: calc(48 / 40);
}

    .notification-detail-section .news-date {
        --tw-text-opacity: 1;
        color: rgb(152 152 152 / var(--tw-text-opacity));
    }

    .notification-detail-section .full-content iframe {
        aspect-ratio: 1088/1454;
        width: 100%;
        max-height: 75.72916666666667rem;
    }

.notification-item {
    --tw-bg-opacity: 1;
    display: flex;
    flex-direction: column;
    gap: calc(20/1920*100rem);
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
}

.events-other-section:is(.notification-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .notification-item {
        gap: calc(24/1920*100rem);
        padding: calc(32/1920*100rem);
    }
}

.notification-item .date {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    width: calc(72/1920*100rem);
    height: calc(72/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.notification-item .day {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .notification-item .day {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.notification-item .month-year {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .notification-item .month-year {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.notification-item .caption {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: calc(32/1920*100rem);
}

@media (min-width: 1200px) {
    .notification-item .caption {
        gap: calc(60/1920*100rem);
    }
}

.notification-item .news-title {
    -webkit-box-orient: vertical;
    --tw-text-opacity: 1;
    display: -webkit-box;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: rgb(41 41 41 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .notification-item .news-title {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.notification-item .link {
    --tw-text-opacity: 1;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-size: 0;
    width: max-content;
    color: rgb(41 41 41 / var(--tw-text-opacity))
}

.notification-item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
}

    .notification-item:hover .date {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        color: rgb(164 16 52 / var(--tw-text-opacity));
    }

    .notification-item:hover .news-title {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .notification-item:hover .link {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.notification-section .notification-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 576px) {
    .notification-section .notification-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .notification-section .notification-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .notification-section .notification-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.student-item {
    --tw-bg-opacity: 1;
    box-shadow: 0px 4px 20px 0px #0000001F;
    border-bottom-right-radius: calc(16/1920*100rem);
    border-bottom-left-radius: calc(16/1920*100rem);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    overflow: hidden
}

    .student-item .image {
        aspect-ratio: 352/234;
    }

    .student-item .title {
        --tw-text-opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        transition-duration: 150ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        padding-top: calc(24/1920*100rem);
        padding-right: calc(20/1920*100rem);
        padding-bottom: calc(24/1920*100rem);
        padding-left: calc(20/1920*100rem);
        color: rgb(0 0 0 / var(--tw-text-opacity));
        font-weight: 700;
        font-size: 17px;
        line-height: 1.25;
    }

@media (min-width: 1200px) {
    .student-item .title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.student-item .title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.student-item:hover .title {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.student-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 576px) {
    .student-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .student-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .student-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.footer-title {
    --tw-text-opacity: 1;
    padding-top: calc(8/1920*100rem);
    padding-bottom: calc(8/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .footer-title {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.footer-menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}

.footer-menu a {
    --tw-text-opacity: 1;
    position: relative;
    transition: background-size 350ms;
    background: linear-gradient(0deg, currentColor, currentColor) no-repeat right bottom/0 1px;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
}

    .footer-menu a:hover {
        background-size: 100% 1px;
        background-position-x: left;
    }

.footer-menu a {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .footer-menu a {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.footer-info > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
}

@media (min-width: 1200px) {
    .footer-info {
        padding-right: calc(20/1920*100rem);
    }
}

.footer-info li {
    display: flex;
}

.footer-info .icon {
    display: flex;
    align-items: center;
    width: calc(24/1920*100rem);
    height: calc(24/1920*100rem);
    color: currentColor;
    font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
}

.footer-info .content {
    --tw-text-opacity: 1;
    flex: 1 1 0%;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .footer-info .content {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.footer-info .content p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .footer-info .content p {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.footer-block {
    margin-bottom: calc(28/1920*100rem);
}

    .footer-block > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(12/1920*100rem) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(calc(12/1920*100rem) * var(--tw-space-y-reverse));
    }

@media (min-width: 1200px) {
    .footer-block {
        margin-bottom: calc(40/1920*100rem);
    }
}

.copyright {
    --tw-text-opacity: 1;
    color: rgb(187 187 187 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 12px;
    text-align: center;
}

.certification-item {
    --tw-text-opacity: 1;
    display: flex;
    align-items: center;
    gap: calc(12/1920*100rem);
    color: rgb(240 246 254 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    text-align: justify;
}

@media (min-width: 1200px) {
    .certification-item {
        font-size: calc(12 / 1920 * 100rem);
    }
}

@media (min-width: 1024px) {
    .certification-item {
        width: 20.833333333333336rem;
    }
}

@media (min-width: 1200px) {
    .certification-item {
        width: 15.833333333333334rem;
    }
}

.certification-item img {
    --tw-bg-opacity: 1;
    border-radius: calc(4/1920*100rem);
    background-color: rgb(240 246 254 / var(--tw-bg-opacity));
    width: calc(76/1920*100rem);
    height: calc(76/1920*100rem);
    object-fit: contain;
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: calc(40/1920*100rem);
    padding-top: calc(40/1920*100rem);
    padding-bottom: calc(40/1920*100rem);
}

@media (min-width: 1024px) {
    .footer-top {
        flex-wrap: nowrap;
    }
}

.footer-top .logo {
    aspect-ratio: 360/160;
    max-width: 18.75rem;
    overflow: hidden;
}

    .footer-top .logo img, .footer-top .logo svg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.footer-top .right {
    display: flex;
    flex-direction: column;
    gap: calc(12/1920*100rem);
}

@media (min-width: 1200px) {
    .footer-top .right {
        flex-direction: row;
    }
}

.footer-top .top {
    display: flex;
    flex-direction: column;
    gap: calc(12/1920*100rem);
}

.footer-top .iso {
    display: flex;
    flex-direction: column;
    gap: calc(12/1920*100rem);
}

@media (min-width: 1200px) {
    .footer-top .iso .certification-item {
        margin-right: 0 /* 0px */;
        margin-left: auto;
    }
}

.footer-mid {
    --tw-border-opacity: 1;
    border-top-width: 1px;
    border-color: rgb(187 26 41 / var(--tw-border-opacity));
    padding-top: calc(20/1920*100rem);
    padding-bottom: calc(20/1920*100rem);
}

@media (min-width: 768px) {
    .footer-mid {
        gap: calc(32/1920*100rem);
        columns: 2;
    }

        .footer-mid .footer-block {
            break-inside: avoid;
        }
}

@media (min-width: 1200px) {
    .footer-mid {
        columns: 4;
        padding-bottom: calc(104/1920*100rem);
    }
}

.footer-bot {
    --tw-border-opacity: 1;
    display: flex;
    flex-direction: column;
    gap: calc(24/1920*100rem);
    border-top-width: 1px;
    border-color: rgb(187 26 41 / var(--tw-border-opacity));
    padding-top: calc(20/1920*100rem);
    padding-bottom: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .footer-bot {
        padding-top: calc(32/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
    }
}

footer {
    --tw-text-opacity: 1;
    padding-bottom: calc(8/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pkbm-academic-item {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.events-other-section:is(.pkbm-academic-item) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.pkbm-academic-item .image {
    aspect-ratio: 736/414;
}

.pkbm-academic-item .caption {
    display: flex;
    flex-direction: column;
    gap: calc(16/1920*100rem);
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .pkbm-academic-item .caption {
        padding: calc(32/1920*100rem);
    }
}

.pkbm-academic-item .title {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 20px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .pkbm-academic-item .title {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.pkbm-academic-item .title:hover {
    --tw-text-opacity: 1;
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.pkbm-academic-item .brief {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .pkbm-academic-item .brief {
        font-size: clamp(12px,calc(16/1920*100rem),calc(16/1920*100rem));
    }
}

.pkbm-academic-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(32/1920*100rem);
}

@media (min-width: 768px) {
    .pkbm-academic-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.accordion-item .accordion-title {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(12/1920*100rem);
    cursor: pointer;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    padding: calc(20/1920*100rem);
    color: rgb(164 16 52 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 20px;
    line-height: 1.375;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .accordion-item .accordion-title {
        font-size: clamp(12px,calc(24/1920*100rem),calc(24/1920*100rem));
    }
}

.events-other-section:is(.accordion-item .accordion-title) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordion-item .accordion-title:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .accordion-item .accordion-title {
        padding-right: calc(32/1920*100rem);
        padding-left: calc(32/1920*100rem);
    }
}

.accordion-item .accordion-title.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(164 16 52 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .accordion-item .accordion-title.active > .icon {
        --tw-rotate: 180deg;
        --tw-text-opacity: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.accordion-item .icon {
    --tw-text-opacity: 1;
    transition-duration: 150ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
}

.accordion-item .accordion-content {
    display: none;
}

.accordion-item .accordion-list.is-list-2 > .accordion-item > .accordion-title {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(124 124 124 / var(--tw-border-opacity));
    background-color: rgb(70 70 70 / var(--tw-bg-opacity));
    padding-top: calc(16/1920*100rem);
    padding-bottom: calc(16/1920*100rem);
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
}

    .accordion-item .accordion-list.is-list-2 > .accordion-item > .accordion-title .icon {
        color: currentColor;
    }

    .accordion-item .accordion-list.is-list-2 > .accordion-item > .accordion-title.active {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        border-color: rgb(70 70 70 / var(--tw-border-opacity));
        background-color: rgb(196 18 61 / var(--tw-bg-opacity));
    }

.accordion-item .accordion-list.is-list-2 > .accordion-item > .accordion-content {
    padding: 0 /* 0px */;
}

.accordion-item .accordion-item .accordion-title {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(239 239 239 / var(--tw-border-opacity));
    padding: calc(12/1920*100rem);
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 18px;
    line-height: 1.375;
    text-transform: none;
}

@media (min-width: 1200px) {
    .accordion-item .accordion-item .accordion-title {
        padding-right: calc(32/1920*100rem);
        padding-left: calc(32/1920*100rem);
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.accordion-item .accordion-item .accordion-title.active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(164 16 52 / var(--tw-border-opacity));
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.events-other-section:is(.accordion-item .accordion-item .accordion-title.active) .event-item {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordion-item .accordion-item .accordion-title.active > .icon {
    --tw-rotate: 180deg;
    --tw-text-opacity: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    color: rgb(164 16 52 / var(--tw-text-opacity));
}

.accordion-item .accordion-item .accordion-content {
    --tw-border-opacity: 1;
    border-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    padding: calc(20/1920*100rem);
}

@media (min-width: 1200px) {
    .accordion-item .accordion-item .accordion-content {
        padding: calc(32/1920*100rem);
    }
}

.accordion-item .full-content .box-slogan {
    margin-left: 0 /* 0px */;
    padding: calc(12/1920*100rem);
    font-size: 17px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .accordion-item .full-content .box-slogan {
        font-size: clamp(12px,calc(18/1920*100rem),calc(18/1920*100rem));
    }
}

.accordion-item .full-content ul {
    padding-left: calc(20/1920*100rem);
}

    .accordion-item .full-content ul li *::marker {
        color: rgb(164 16 52 );
    }

    .accordion-item .full-content ul li::marker {
        color: rgb(164 16 52 );
    }

.pkbm-banner .image {
    aspect-ratio: 1920/688;
}

.pkbm-home-1 .pkbm-desc {
    max-width: 60rem;
}

.pkbm-home-1 .count-up-list {
    --tw-border-opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgb(152 152 152 / var(--tw-border-opacity));
}

.profile-item {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    text-align: center;
}

    .profile-item .image {
        position: relative;
        overflow: hidden;
    }

        .profile-item .image img {
            transition-duration: 300ms;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: linear;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

            .profile-item .image img:hover {
                --tw-scale-x: 1.05;
                --tw-scale-y: 1.05;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }

    .profile-item .image {
        margin-right: auto;
        margin-left: auto;
        border-radius: 9999px;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    .profile-item .caption {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: calc(4/1920*100rem);
        padding: calc(16/1920*100rem);
    }

@media (min-width: 1200px) {
    .profile-item .caption {
        padding-top: calc(32/1920*100rem);
        padding-bottom: calc(32/1920*100rem);
    }
}

.profile-item .name {
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity));
    font-weight: 700;
    font-size: 18px;
    line-height: 1.375;
}

@media (min-width: 1200px) {
    .profile-item .name {
        font-size: clamp(12px,calc(20/1920*100rem),calc(20/1920*100rem));
    }
}

.profile-item .sub-name {
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25;
}

@media (min-width: 1200px) {
    .profile-item .sub-name {
        font-size: clamp(12px,calc(14/1920*100rem),calc(14/1920*100rem));
    }
}

.partner-item .image {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 1px;
    border-color: rgb(220 220 220 / var(--tw-border-opacity));
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    height: calc(88/1920*100rem);
}

@media (min-width: 1200px) {
    .partner-item .image {
        height: 6.875rem;
    }
}

.pkbm-home-6 .site-desc {
    max-width: 42.13541666666667rem;
}

/*# sourceMappingURL=main.min.css.map */
.filedinhkem_table th {
    background: #f5f5f5;
}
.filedinhkem_table td, .filedinhkem_table th {
    border: solid 1px #efefef;
    padding: 3px 10px;
    font-size: 14px;
}