/*! Bootstrap v5.0.2 (https://getbootstrap.com/) Copyright 2011-2021 The Bootstrap Authors Copyright 2011-2021 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root{ --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-gray-100:#f8f9fa; --bs-gray-200:#e9ecef; --bs-gray-300:#dee2e6; --bs-gray-400:#ced4da; --bs-gray-500:#adb5bd; --bs-gray-600:#6c757d; --bs-gray-700:#495057; --bs-gray-800:#343a40; --bs-gray-900:#212529; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-primary-rgb:13, 110, 253; --bs-secondary-rgb:108, 117, 125; --bs-success-rgb:25, 135, 84; --bs-info-rgb:13, 202, 240; --bs-warning-rgb:255, 193, 7; --bs-danger-rgb:220, 53, 69; --bs-light-rgb:248, 249, 250; --bs-dark-rgb:33, 37, 41; --bs-white-rgb:255, 255, 255; --bs-black-rgb:0, 0, 0; --bs-body-color-rgb:33, 37, 41; --bs-body-bg-rgb:255, 255, 255; --bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient:linear-gradient(45deg, #00ffb1, #0062ff); --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-bg:#fff; }

*, *::before, *::after{ box-sizing:border-box; }

@media (prefers-reduced-motion: no-preference){ :root{ scroll-behavior:smooth; } }

body{ margin:0; font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size); font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height); color:var(--bs-body-color); text-align:var(--bs-body-text-align); background-color:var(--bs-body-bg); -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

hr{ margin:1rem 0; color:inherit; background-color:currentColor; border:0; opacity:0.25; }

hr:not([size]){ height:1px; }

h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:0.5rem; font-weight:500; line-height:1.2; }

h1{ font-size:calc(1.375rem + 1.5vw); }

@media (min-width: 1200px){ h1{ font-size:2.5rem; } }

h2{ font-size:calc(1.325rem + 0.9vw); }

@media (min-width: 1200px){ h2{ font-size:2rem; } }

h3{ font-size:calc(1.3rem + 0.6vw); }

@media (min-width: 1200px){ h3{ font-size:1.75rem; } }

h4{ font-size:calc(1.275rem + 0.3vw); }

@media (min-width: 1200px){ h4{ font-size:1.5rem; } }

h5{ font-size:1.25rem; }

h6{ font-size:1rem; }

p{ margin-top:0; margin-bottom:1rem; }

abbr[title], abbr[data-bs-original-title]{ -webkit-text-decoration:underline dotted; text-decoration:underline dotted; cursor:help; -webkit-text-decoration-skip-ink:none; text-decoration-skip-ink:none; }

address{ margin-bottom:1rem; font-style:normal; line-height:inherit; }

ol, ul{ padding-left:2rem; }

ol, ul, dl{ margin-top:0; margin-bottom:1rem; }

ol ol, ul ul, ol ul, ul ol{ margin-bottom:0; }

dt{ font-weight:700; }

dd{ margin-bottom:.5rem; margin-left:0; }

blockquote{ margin:0 0 1rem; }

b, strong{ font-weight:bolder; }

small{ font-size:0.875em; }

mark{ padding:0.2em; background-color:#fcf8e3; }

sub, sup{ position:relative; font-size:0.75em; line-height:0; vertical-align:baseline; }

sub{ bottom:-.25em; }

sup{ top:-.5em; }

a{ color:#0d6efd; text-decoration:underline; }

a:hover{ color:#0a58ca; }

a:not([href]):not([class]), a:not([href]):not([class]):hover{ color:inherit; text-decoration:none; }

pre, code, kbd, samp{ font-family:var(--bs-font-monospace); font-size:1em; direction:ltr; unicode-bidi:bidi-override; }

pre{ display:block; margin-top:0; margin-bottom:1rem; overflow:auto; font-size:0.875em; }

pre code{ font-size:inherit; color:inherit; word-break:normal; }

code{ font-size:0.875em; color:#d63384; word-wrap:break-word; }

a > code{ color:inherit; }

kbd{ padding:0.2rem 0.4rem; font-size:0.875em; color:#fff; background-color:#212529; border-radius:0.2rem; }

kbd kbd{ padding:0; font-size:1em; font-weight:700; }

figure{ margin:0 0 1rem; }

img, svg{ vertical-align:middle; }

table{ caption-side:bottom; border-collapse:collapse; }

caption{ padding-top:0.5rem; padding-bottom:0.5rem; color:#6c757d; text-align:left; }

th{ text-align:inherit; text-align:-webkit-match-parent; }

thead, tbody, tfoot, tr, td, th{ border-color:inherit; border-style:solid; border-width:0; }

label{ display:inline-block; }

button{ border-radius:0; }

button:focus:not(:focus-visible){ outline:0; }

input, button, select, optgroup, textarea{ margin:0; font-family:inherit; font-size:inherit; line-height:inherit; }

button, select{ text-transform:none; }

[role="button"]{ cursor:pointer; }

select{ word-wrap:normal; }

select:disabled{ opacity:1; }

[list]::-webkit-calendar-picker-indicator{ display:none; }

button, [type="button"], [type="reset"], [type="submit"]{ -webkit-appearance:button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled){ cursor:pointer; }

::-moz-focus-inner{ padding:0; border-style:none; }

textarea{ resize:vertical; }

fieldset{ min-width:0; padding:0; margin:0; border:0; }

legend{ float:left; width:100%; padding:0; margin-bottom:0.5rem; font-size:calc(1.275rem + 0.3vw); line-height:inherit; }

@media (min-width: 1200px){ legend{ font-size:1.5rem; } }

legend + *{ clear:left; }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field{ padding:0; }

::-webkit-inner-spin-button{ height:auto; }

[type="search"]{ outline-offset:-2px; -webkit-appearance:textfield; }
::-webkit-search-decoration{ -webkit-appearance:none; }

::-webkit-color-swatch-wrapper{ padding:0; }

::-webkit-file-upload-button{ font:inherit; }

::file-selector-button{ font:inherit; }

::-webkit-file-upload-button{ font:inherit; -webkit-appearance:button; }

output{ display:inline-block; }

iframe{ border:0; }

summary{ display:list-item; cursor:pointer; }

progress{ vertical-align:baseline; }

[hidden]{ display:none !important; }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ width:100%; padding-right:var(--bs-gutter-x, 0.75rem); padding-left:var(--bs-gutter-x, 0.75rem); margin-right:auto; margin-left:auto; }

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

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

@media (min-width: 992px){ .container, .container-sm, .container-md, .container-lg{ max-width:960px; } }

@media (min-width: 1200px){ .container, .container-sm, .container-md, .container-lg, .container-xl{ max-width:1140px; } }

@media (min-width: 1400px){ .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{ max-width:1320px; } }

.row{ --bs-gutter-x:1.5rem; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-.5 * var(--bs-gutter-x)); margin-left:calc(-.5 * var(--bs-gutter-x)); }

.row > *{ flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y); }

.col{ flex:1 0 0%; }

.row-cols-auto > *{ flex:0 0 auto; width:auto; }

.row-cols-1 > *{ flex:0 0 auto; width:100%; }

.row-cols-2 > *{ flex:0 0 auto; width:50%; }

.row-cols-3 > *{ flex:0 0 auto; width:33.33333%; }

.row-cols-4 > *{ flex:0 0 auto; width:25%; }

.row-cols-5 > *{ flex:0 0 auto; width:20%; }

.row-cols-6 > *{ flex:0 0 auto; width:16.66667%; }

.col-auto{ flex:0 0 auto; width:auto; }

.col-1{ flex:0 0 auto; width:8.33333%; }

.col-2{ flex:0 0 auto; width:16.66667%; }

.col-3{ flex:0 0 auto; width:25%; }

.col-4{ flex:0 0 auto; width:33.33333%; }

.col-5{ flex:0 0 auto; width:41.66667%; }

.col-6{ flex:0 0 auto; width:50%; }

.col-7{ flex:0 0 auto; width:58.33333%; }

.col-8{ flex:0 0 auto; width:66.66667%; }

.col-9{ flex:0 0 auto; width:75%; }

.col-10{ flex:0 0 auto; width:83.33333%; }

.col-11{ flex:0 0 auto; width:91.66667%; }

.col-12{ flex:0 0 auto; width:100%; }

.offset-1{ margin-left:8.33333%; }

.offset-2{ margin-left:16.66667%; }

.offset-3{ margin-left:25%; }

.offset-4{ margin-left:33.33333%; }

.offset-5{ margin-left:41.66667%; }

.offset-6{ margin-left:50%; }

.offset-7{ margin-left:58.33333%; }

.offset-8{ margin-left:66.66667%; }

.offset-9{ margin-left:75%; }

.offset-10{ margin-left:83.33333%; }

.offset-11{ margin-left:91.66667%; }

.g-0, .gx-0{ --bs-gutter-x:0; }

.g-0, .gy-0{ --bs-gutter-y:0; }

.g-1, .gx-1{ --bs-gutter-x:0.25rem; }

.g-1, .gy-1{ --bs-gutter-y:0.25rem; }

.g-2, .gx-2{ --bs-gutter-x:0.5rem; }

.g-2, .gy-2{ --bs-gutter-y:0.5rem; }

.g-3, .gx-3{ --bs-gutter-x:1rem; }

.g-3, .gy-3{ --bs-gutter-y:1rem; }

.g-4, .gx-4{ --bs-gutter-x:1.5rem; }

.g-4, .gy-4{ --bs-gutter-y:1.5rem; }

.g-5, .gx-5{ --bs-gutter-x:3rem; }

.g-5, .gy-5{ --bs-gutter-y:3rem; }

@media (min-width: 576px){ .col-sm{ flex:1 0 0%; }
  .row-cols-sm-auto > *{ flex:0 0 auto; width:auto; }
  .row-cols-sm-1 > *{ flex:0 0 auto; width:100%; }
  .row-cols-sm-2 > *{ flex:0 0 auto; width:50%; }
  .row-cols-sm-3 > *{ flex:0 0 auto; width:33.33333%; }
  .row-cols-sm-4 > *{ flex:0 0 auto; width:25%; }
  .row-cols-sm-5 > *{ flex:0 0 auto; width:20%; }
  .row-cols-sm-6 > *{ flex:0 0 auto; width:16.66667%; }
  .col-sm-auto{ flex:0 0 auto; width:auto; }
  .col-sm-1{ flex:0 0 auto; width:8.33333%; }
  .col-sm-2{ flex:0 0 auto; width:16.66667%; }
  .col-sm-3{ flex:0 0 auto; width:25%; }
  .col-sm-4{ flex:0 0 auto; width:33.33333%; }
  .col-sm-5{ flex:0 0 auto; width:41.66667%; }
  .col-sm-6{ flex:0 0 auto; width:50%; }
  .col-sm-7{ flex:0 0 auto; width:58.33333%; }
  .col-sm-8{ flex:0 0 auto; width:66.66667%; }
  .col-sm-9{ flex:0 0 auto; width:75%; }
  .col-sm-10{ flex:0 0 auto; width:83.33333%; }
  .col-sm-11{ flex:0 0 auto; width:91.66667%; }
  .col-sm-12{ flex:0 0 auto; width:100%; }
  .offset-sm-0{ margin-left:0; }
  .offset-sm-1{ margin-left:8.33333%; }
  .offset-sm-2{ margin-left:16.66667%; }
  .offset-sm-3{ margin-left:25%; }
  .offset-sm-4{ margin-left:33.33333%; }
  .offset-sm-5{ margin-left:41.66667%; }
  .offset-sm-6{ margin-left:50%; }
  .offset-sm-7{ margin-left:58.33333%; }
  .offset-sm-8{ margin-left:66.66667%; }
  .offset-sm-9{ margin-left:75%; }
  .offset-sm-10{ margin-left:83.33333%; }
  .offset-sm-11{ margin-left:91.66667%; }
  .g-sm-0, .gx-sm-0{ --bs-gutter-x:0; }
  .g-sm-0, .gy-sm-0{ --bs-gutter-y:0; }
  .g-sm-1, .gx-sm-1{ --bs-gutter-x:0.25rem; }
  .g-sm-1, .gy-sm-1{ --bs-gutter-y:0.25rem; }
  .g-sm-2, .gx-sm-2{ --bs-gutter-x:0.5rem; }
  .g-sm-2, .gy-sm-2{ --bs-gutter-y:0.5rem; }
  .g-sm-3, .gx-sm-3{ --bs-gutter-x:1rem; }
  .g-sm-3, .gy-sm-3{ --bs-gutter-y:1rem; }
  .g-sm-4, .gx-sm-4{ --bs-gutter-x:1.5rem; }
  .g-sm-4, .gy-sm-4{ --bs-gutter-y:1.5rem; }
  .g-sm-5, .gx-sm-5{ --bs-gutter-x:3rem; }
  .g-sm-5, .gy-sm-5{ --bs-gutter-y:3rem; } }

@media (min-width: 768px){ .col-md{ flex:1 0 0%; }
  .row-cols-md-auto > *{ flex:0 0 auto; width:auto; }
  .row-cols-md-1 > *{ flex:0 0 auto; width:100%; }
  .row-cols-md-2 > *{ flex:0 0 auto; width:50%; }
  .row-cols-md-3 > *{ flex:0 0 auto; width:33.33333%; }
  .row-cols-md-4 > *{ flex:0 0 auto; width:25%; }
  .row-cols-md-5 > *{ flex:0 0 auto; width:20%; }
  .row-cols-md-6 > *{ flex:0 0 auto; width:16.66667%; }
  .col-md-auto{ flex:0 0 auto; width:auto; }
  .col-md-1{ flex:0 0 auto; width:8.33333%; }
  .col-md-2{ flex:0 0 auto; width:16.66667%; }
  .col-md-3{ flex:0 0 auto; width:25%; }
  .col-md-4{ flex:0 0 auto; width:33.33333%; }
  .col-md-5{ flex:0 0 auto; width:41.66667%; }
  .col-md-6{ flex:0 0 auto; width:50%; }
  .col-md-7{ flex:0 0 auto; width:58.33333%; }
  .col-md-8{ flex:0 0 auto; width:66.66667%; }
  .col-md-9{ flex:0 0 auto; width:75%; }
  .col-md-10{ flex:0 0 auto; width:83.33333%; }
  .col-md-11{ flex:0 0 auto; width:91.66667%; }
  .col-md-12{ flex:0 0 auto; width:100%; }
  .offset-md-0{ margin-left:0; }
  .offset-md-1{ margin-left:8.33333%; }
  .offset-md-2{ margin-left:16.66667%; }
  .offset-md-3{ margin-left:25%; }
  .offset-md-4{ margin-left:33.33333%; }
  .offset-md-5{ margin-left:41.66667%; }
  .offset-md-6{ margin-left:50%; }
  .offset-md-7{ margin-left:58.33333%; }
  .offset-md-8{ margin-left:66.66667%; }
  .offset-md-9{ margin-left:75%; }
  .offset-md-10{ margin-left:83.33333%; }
  .offset-md-11{ margin-left:91.66667%; }
  .g-md-0, .gx-md-0{ --bs-gutter-x:0; }
  .g-md-0, .gy-md-0{ --bs-gutter-y:0; }
  .g-md-1, .gx-md-1{ --bs-gutter-x:0.25rem; }
  .g-md-1, .gy-md-1{ --bs-gutter-y:0.25rem; }
  .g-md-2, .gx-md-2{ --bs-gutter-x:0.5rem; }
  .g-md-2, .gy-md-2{ --bs-gutter-y:0.5rem; }
  .g-md-3, .gx-md-3{ --bs-gutter-x:1rem; }
  .g-md-3, .gy-md-3{ --bs-gutter-y:1rem; }
  .g-md-4, .gx-md-4{ --bs-gutter-x:1.5rem; }
  .g-md-4, .gy-md-4{ --bs-gutter-y:1.5rem; }
  .g-md-5, .gx-md-5{ --bs-gutter-x:3rem; }
  .g-md-5, .gy-md-5{ --bs-gutter-y:3rem; } }

@media (min-width: 992px){ .col-lg{ flex:1 0 0%; }
  .row-cols-lg-auto > *{ flex:0 0 auto; width:auto; }
  .row-cols-lg-1 > *{ flex:0 0 auto; width:100%; }
  .row-cols-lg-2 > *{ flex:0 0 auto; width:50%; }
  .row-cols-lg-3 > *{ flex:0 0 auto; width:33.33333%; }
  .row-cols-lg-4 > *{ flex:0 0 auto; width:25%; }
  .row-cols-lg-5 > *{ flex:0 0 auto; width:20%; }
  .row-cols-lg-6 > *{ flex:0 0 auto; width:16.66667%; }
  .col-lg-auto{ flex:0 0 auto; width:auto; }
  .col-lg-1{ flex:0 0 auto; width:8.33333%; }
  .col-lg-2{ flex:0 0 auto; width:16.66667%; }
  .col-lg-3{ flex:0 0 auto; width:25%; }
  .col-lg-4{ flex:0 0 auto; width:33.33333%; }
  .col-lg-5{ flex:0 0 auto; width:41.66667%; }
  .col-lg-6{ flex:0 0 auto; width:50%; }
  .col-lg-7{ flex:0 0 auto; width:58.33333%; }
  .col-lg-8{ flex:0 0 auto; width:66.66667%; }
  .col-lg-9{ flex:0 0 auto; width:75%; }
  .col-lg-10{ flex:0 0 auto; width:83.33333%; }
  .col-lg-11{ flex:0 0 auto; width:91.66667%; }
  .col-lg-12{ flex:0 0 auto; width:100%; }
  .offset-lg-0{ margin-left:0; }
  .offset-lg-1{ margin-left:8.33333%; }
  .offset-lg-2{ margin-left:16.66667%; }
  .offset-lg-3{ margin-left:25%; }
  .offset-lg-4{ margin-left:33.33333%; }
  .offset-lg-5{ margin-left:41.66667%; }
  .offset-lg-6{ margin-left:50%; }
  .offset-lg-7{ margin-left:58.33333%; }
  .offset-lg-8{ margin-left:66.66667%; }
  .offset-lg-9{ margin-left:75%; }
  .offset-lg-10{ margin-left:83.33333%; }
  .offset-lg-11{ margin-left:91.66667%; }
  .g-lg-0, .gx-lg-0{ --bs-gutter-x:0; }
  .g-lg-0, .gy-lg-0{ --bs-gutter-y:0; }
  .g-lg-1, .gx-lg-1{ --bs-gutter-x:0.25rem; }
  .g-lg-1, .gy-lg-1{ --bs-gutter-y:0.25rem; }
  .g-lg-2, .gx-lg-2{ --bs-gutter-x:0.5rem; }
  .g-lg-2, .gy-lg-2{ --bs-gutter-y:0.5rem; }
  .g-lg-3, .gx-lg-3{ --bs-gutter-x:1rem; }
  .g-lg-3, .gy-lg-3{ --bs-gutter-y:1rem; }
  .g-lg-4, .gx-lg-4{ --bs-gutter-x:1.5rem; }
  .g-lg-4, .gy-lg-4{ --bs-gutter-y:1.5rem; }
  .g-lg-5, .gx-lg-5{ --bs-gutter-x:3rem; }
  .g-lg-5, .gy-lg-5{ --bs-gutter-y:3rem; } }

@media (min-width: 1200px){ .col-xl{ flex:1 0 0%; }
  .row-cols-xl-auto > *{ flex:0 0 auto; width:auto; }
  .row-cols-xl-1 > *{ flex:0 0 auto; width:100%; }
  .row-cols-xl-2 > *{ flex:0 0 auto; width:50%; }
  .row-cols-xl-3 > *{ flex:0 0 auto; width:33.33333%; }
  .row-cols-xl-4 > *{ flex:0 0 auto; width:25%; }
  .row-cols-xl-5 > *{ flex:0 0 auto; width:20%; }
  .row-cols-xl-6 > *{ flex:0 0 auto; width:16.66667%; }
  .col-xl-auto{ flex:0 0 auto; width:auto; }
  .col-xl-1{ flex:0 0 auto; width:8.33333%; }
  .col-xl-2{ flex:0 0 auto; width:16.66667%; }
  .col-xl-3{ flex:0 0 auto; width:25%; }
  .col-xl-4{ flex:0 0 auto; width:33.33333%; }
  .col-xl-5{ flex:0 0 auto; width:41.66667%; }
  .col-xl-6{ flex:0 0 auto; width:50%; }
  .col-xl-7{ flex:0 0 auto; width:58.33333%; }
  .col-xl-8{ flex:0 0 auto; width:66.66667%; }
  .col-xl-9{ flex:0 0 auto; width:75%; }
  .col-xl-10{ flex:0 0 auto; width:83.33333%; }
  .col-xl-11{ flex:0 0 auto; width:91.66667%; }
  .col-xl-12{ flex:0 0 auto; width:100%; }
  .offset-xl-0{ margin-left:0; }
  .offset-xl-1{ margin-left:8.33333%; }
  .offset-xl-2{ margin-left:16.66667%; }
  .offset-xl-3{ margin-left:25%; }
  .offset-xl-4{ margin-left:33.33333%; }
  .offset-xl-5{ margin-left:41.66667%; }
  .offset-xl-6{ margin-left:50%; }
  .offset-xl-7{ margin-left:58.33333%; }
  .offset-xl-8{ margin-left:66.66667%; }
  .offset-xl-9{ margin-left:75%; }
  .offset-xl-10{ margin-left:83.33333%; }
  .offset-xl-11{ margin-left:91.66667%; }
  .g-xl-0, .gx-xl-0{ --bs-gutter-x:0; }
  .g-xl-0, .gy-xl-0{ --bs-gutter-y:0; }
  .g-xl-1, .gx-xl-1{ --bs-gutter-x:0.25rem; }
  .g-xl-1, .gy-xl-1{ --bs-gutter-y:0.25rem; }
  .g-xl-2, .gx-xl-2{ --bs-gutter-x:0.5rem; }
  .g-xl-2, .gy-xl-2{ --bs-gutter-y:0.5rem; }
  .g-xl-3, .gx-xl-3{ --bs-gutter-x:1rem; }
  .g-xl-3, .gy-xl-3{ --bs-gutter-y:1rem; }
  .g-xl-4, .gx-xl-4{ --bs-gutter-x:1.5rem; }
  .g-xl-4, .gy-xl-4{ --bs-gutter-y:1.5rem; }
  .g-xl-5, .gx-xl-5{ --bs-gutter-x:3rem; }
  .g-xl-5, .gy-xl-5{ --bs-gutter-y:3rem; } }

@media (min-width: 1400px){ .col-xxl{ flex:1 0 0%; }
  .row-cols-xxl-auto > *{ flex:0 0 auto; width:auto; }
  .row-cols-xxl-1 > *{ flex:0 0 auto; width:100%; }
  .row-cols-xxl-2 > *{ flex:0 0 auto; width:50%; }
  .row-cols-xxl-3 > *{ flex:0 0 auto; width:33.33333%; }
  .row-cols-xxl-4 > *{ flex:0 0 auto; width:25%; }
  .row-cols-xxl-5 > *{ flex:0 0 auto; width:20%; }
  .row-cols-xxl-6 > *{ flex:0 0 auto; width:16.66667%; }
  .col-xxl-auto{ flex:0 0 auto; width:auto; }
  .col-xxl-1{ flex:0 0 auto; width:8.33333%; }
  .col-xxl-2{ flex:0 0 auto; width:16.66667%; }
  .col-xxl-3{ flex:0 0 auto; width:25%; }
  .col-xxl-4{ flex:0 0 auto; width:33.33333%; }
  .col-xxl-5{ flex:0 0 auto; width:41.66667%; }
  .col-xxl-6{ flex:0 0 auto; width:50%; }
  .col-xxl-7{ flex:0 0 auto; width:58.33333%; }
  .col-xxl-8{ flex:0 0 auto; width:66.66667%; }
  .col-xxl-9{ flex:0 0 auto; width:75%; }
  .col-xxl-10{ flex:0 0 auto; width:83.33333%; }
  .col-xxl-11{ flex:0 0 auto; width:91.66667%; }
  .col-xxl-12{ flex:0 0 auto; width:100%; }
  .offset-xxl-0{ margin-left:0; }
  .offset-xxl-1{ margin-left:8.33333%; }
  .offset-xxl-2{ margin-left:16.66667%; }
  .offset-xxl-3{ margin-left:25%; }
  .offset-xxl-4{ margin-left:33.33333%; }
  .offset-xxl-5{ margin-left:41.66667%; }
  .offset-xxl-6{ margin-left:50%; }
  .offset-xxl-7{ margin-left:58.33333%; }
  .offset-xxl-8{ margin-left:66.66667%; }
  .offset-xxl-9{ margin-left:75%; }
  .offset-xxl-10{ margin-left:83.33333%; }
  .offset-xxl-11{ margin-left:91.66667%; }
  .g-xxl-0, .gx-xxl-0{ --bs-gutter-x:0; }
  .g-xxl-0, .gy-xxl-0{ --bs-gutter-y:0; }
  .g-xxl-1, .gx-xxl-1{ --bs-gutter-x:0.25rem; }
  .g-xxl-1, .gy-xxl-1{ --bs-gutter-y:0.25rem; }
  .g-xxl-2, .gx-xxl-2{ --bs-gutter-x:0.5rem; }
  .g-xxl-2, .gy-xxl-2{ --bs-gutter-y:0.5rem; }
  .g-xxl-3, .gx-xxl-3{ --bs-gutter-x:1rem; }
  .g-xxl-3, .gy-xxl-3{ --bs-gutter-y:1rem; }
  .g-xxl-4, .gx-xxl-4{ --bs-gutter-x:1.5rem; }
  .g-xxl-4, .gy-xxl-4{ --bs-gutter-y:1.5rem; }
  .g-xxl-5, .gx-xxl-5{ --bs-gutter-x:3rem; }
  .g-xxl-5, .gy-xxl-5{ --bs-gutter-y:3rem; } }
@font-face{ font-family:"Gotham"; src:url(../fonts/gbr.ttf); }

@font-face{ font-family:"Futura"; src:url(../fonts/fm.ttf); }

body{ padding:0; margin:0; box-sizing:border-box; }

body h2{ font-family:"Gotham", sans-serif; }

body p{ font-family:"Futura", sans-serif; }

body a{ font-family:"Futura", sans-serif; color:#555555; text-decoration:none; }

body a:hover{ text-decoration:none; }

body span{ font-family:"Futura", sans-serif; }

body ul{ margin:0; padding:0; list-style:none; }

.d-none{ display:none; }

#header{ box-sizing:border-box; height:70px; background:#FFF; box-shadow:1px 1px 5px #a7a7a7; transform:translateX(0); position:relative; z-index:1; transition:.5s; }

#header.header-active{ transform:translateX(-70%); transition:.5s; }

#header.header-active .menu{ display:block !important; }

#header .container{ display:flex; justify-content:space-between; max-width:90%; width:1000px; margin:0 auto; }

#header .container .header__body .header__logo #logo{ width:96px; margin:17px; }

@media only screen and (max-width: 765px){ #header .container .header__body .header__logo #logo{ height:44px; } }

#header .container .header__menu .menu{ display:flex; list-style:none; gap:2rem; }

@media only screen and (max-width: 765px){ #header .container .header__menu .menu{ display:none; position:absolute; width:70%; left:100%; top:0; text-align:center; background:linear-gradient(-36deg, #00ffb1, #0062ff, #0062ff); height:100vh; padding:31px 15px; z-index:10; } }

#header .container .header__menu .menu .menu-item__dropdown{ position:relative; }

#header .container .header__menu .menu .menu-item__dropdown .sub-menu{ position:absolute; top:100%; width:200px; left:0; background:#FFF; }

@media only screen and (max-width: 765px){ #header .container .header__menu .menu .menu-item__dropdown .sub-menu{ display:none; } }

#header .container .header__menu .menu .menu-item__dropdown .sub-menu a{ padding:15px 20px; border:initial; }

#header .container .header__menu .menu .menu-item__dropdown .sub-menu a:hover{ background:#ebebeb; }

#header .container .header__menu .menu .menu-item__dropdown .sub-menu .sub-menu-item{ position:relative; }

#header .container .header__menu .menu .menu-item__dropdown .sub-menu .sub-menu-item .sub-menu__item{ position:absolute; background:#FFF; top:0; left:100%; width:229px; }

#header .container .header__menu .menu a{ display:block; color:#a9a4a4; padding:21.5px 11px; text-align:center; border-bottom:3px solid transparent; transition:.3s; }

#header .container .header__menu .menu a:hover{ border-color:#00e2bf; transition:.3s; }

@media only screen and (max-width: 765px){ #header .container .header__menu .menu a{ padding:1rem 0; margin:0 1rem; color:second-color; } }

#header .container .header__menu .btn-nav{ display:none; position:relative; right:0; top:17px; transition:.5s; }

#header .container .header__menu .btn-nav span{ display:block; width:35px; height:4px; margin:5px 0; border-radius:5px; position:relative; background:linear-gradient(45deg, #00ffb1, #0062ff); transition:1s; }

#header .container .header__menu .btn-nav span::after, #header .container .header__menu .btn-nav span::before{ content:''; display:block; width:35px; height:4px; top:9px; right:0; background:linear-gradient(45deg, #00ffb1, #0062ff); margin-top:5px; transition:.5s; border-radius:5px; position:relative; }

#header .container .header__menu .btn-nav span::after{ top:10px; }

@media only screen and (max-width: 765px){ #header .container .header__menu .btn-nav{ display:block; padding:.5rem 1rem; font-size:1rem; border:initial; background:initial; cursor:pointer; gap:.5rem; transition:.5s; } }

@media only screen and (max-width: 765px){ #header .container .header__menu.active .btn-nav{ left:20px; transition:.5s; } }

#header .container .header__menu.active .btn-nav span{ background:transparent; transition:1s; }

#header .container .header__menu.active .btn-nav span::after{ transform:rotate(45deg); }

@media only screen and (max-width: 765px){ #header .container .header__menu.active .btn-nav span::after{ top:-2.5px; } }

#header .container .header__menu.active .btn-nav span::before{ transform:rotate(-45deg); top:7px; }

section .card__short{ margin:25px 0; }

section .card__short .container{ max-width:90%; width:1000px; margin:0 auto; }

section .card__short .container .row{ display:flex; flex-wrap:wrap; }

@media only screen and (max-width: 765px){ section .card__short .container .row .col-4{ width:100%; } }

section .card__short .container .row .card__img{ display:flex; justify-content:center; margin:0 auto; width:100%; height:100px; }

section .card__short .container .row h2{ color:#272727; text-align:center; font-size:18px; margin-top:2.5rem; }

section .card__short .container .row p{ color:#555555; text-align:center; font-size:16px; line-height:25px; margin:0.8em; }

section .card__large{ background:#F9F9F9; padding:32px 0; margin-top:22px; }

section .card__large .container{ max-width:90%; width:1000px; margin:0 auto; }

@media only screen and (max-width: 765px){ section .card__large .container .col-4{ width:100%; } }

section .card__large .container .col-4 .card__detail{ display:flex; justify-content:space-between; font-size:12px; margin-top:12px; }

section .card__large .container .col-4 .card__detail a{ background-color:#00e2bf; color:#FFF; padding:3px 11px; border-radius:50px; }

section .card__large .container .col-4 .card__detail span{ color:#a9a4a4; }

section .card__large .container .col-4 img{ width:100%; transition:.3s; }

section .card__large .container .col-4 img:hover{ opacity:.6; transition:.3s; }

section .card__large .container .col-4 h2{ color:#272727; font-size:18px; margin-top:.8rem; }

section .card__large .container .col-4 p{ color:#555555; font-size:14px; line-height:25px; margin-top:.8em; }

footer .footer__content{ background:linear-gradient(45deg, #00ffb1, #0062ff); padding:56px 0; display:flex; align-items:center; }

footer .footer__content .container{ max-width:90%; width:1000px; margin:0 auto; display:flex; }

@media only screen and (max-width: 765px){ footer .footer__content .container{ display:block; } }

footer .footer__content .container .footer__detail h2{ color:#FFF; font-size:32px; margin:11px 0; }

@media only screen and (max-width: 765px){ footer .footer__content .container .footer__detail h2{ text-align:center; } }

footer .footer__content .container .footer__detail p{ color:#FFF; font-size:18px; line-height:25px; }

@media only screen and (max-width: 765px){ footer .footer__content .container .footer__detail p{ text-align:center; } }

footer .footer__content .container .footer__btn{ display:flex; align-items:center; justify-content:center; margin-left:51px; }

footer .footer__content .container .footer__btn a{ font-size:20px; display:flex; align-items:center; font-size:20px; padding:11px 25px; color:#FFF; transition:.3s; border:1px solid #FFF; border-radius:30px; }

@media only screen and (max-width: 765px){ footer .footer__content .container .footer__btn a{ left:55px; top:20px; } }

footer .footer__content .container .footer__btn a span{ width:30px; height:30px; display:inline-flex; position:relative; align-items:center; transition:0.3s; margin-left:16px; }

footer .footer__content .container .footer__btn a span::before, footer .footer__content .container .footer__btn a span::after{ content:""; position:absolute; display:block; }

footer .footer__content .container .footer__btn a span::before{ width:100%; height:1px; background-color:#FFF; left:0; }

footer .footer__content .container .footer__btn a span::after{ width:15px; height:15px; border:1px solid #FFF; border-left:unset; border-bottom:unset; transform:rotate(45deg) translate(-2px, 2px); right:0; }

footer .footer__content .container .footer__btn a:hover span{ width:50px; }

footer .footer__copyright{ padding:8px; background-color:#222222; color:#FFF; }

footer .footer__copyright .container{ max-width:90%; width:1000px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }

footer .footer__copyright .container p{ margin-bottom:0; }

@media only screen and (max-width: 765px){ footer .footer__copyright .container .copyright__img{ width:38px; height:22px; } }

.banner .slick-prev{ left:170px; }

.banner .slick-prev::before{ content:"\f053"; font-family:"FontAwesome"; }

.banner .slick-next{ right:170px; }

.banner .slick-next::before{ content:"\f054"; font-family:"FontAwesome"; }

.banner .slick-prev, .banner .slick-next{ z-index:10; }

.banner .slick-prev::before, .banner .slick-next::before{ font-size:35px; }

.banner .slick__banner{ background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/banner.png); background-position:center; background-repeat:no-repeat; transition:.3s; background-size:cover; background-position:center; height:573px; }

.banner .slick__banner .banner__content{ padding:15px; margin:0 auto; height:100%; display:flex; justify-content:center; align-items:flex-start; flex-flow:column; }

.banner .slick__banner .banner__content h2{ font-size:43px; color:#FFF; text-align:center; width:100%; line-height:59px; margin:1rem 0; }

@media only screen and (max-width: 765px){ .banner .slick__banner .banner__content h2{ font-size:30px; line-height:30px; } }

.banner .slick__banner .banner__content p{ font-size:19px; color:#FFF; text-align:center; width:100%; }

@media only screen and (max-width: 765px){ .banner .slick__banner .banner__content p{ font-size:17px; } }

.banner .slick__banner .banner__content .btn-banner{ display:flex; justify-content:center; margin:0 auto; position:relative; top:46px; }

@media only screen and (max-width: 765px){ .banner .slick__banner .banner__content .btn-banner{ left:-20px; } }

.banner .slick__banner .banner__content .btn-banner a{ position:relative; font-size:18px; color:#FFF; z-index:1; transition:.3s; }

.banner .slick__banner .banner__content .btn-banner a::before{ content:''; background:linear-gradient(45deg, #00ffb1, #0062ff); position:absolute; left:-13px; top:-14px; padding:11px 75px 37px 63px; border-radius:50px; z-index:-1; transition:.3s; }

.banner .slick__banner .banner__content .btn-banner a span{ position:absolute; border-bottom:1px solid #FFF; width:20px; right:-34px; top:11px; transition:.3s; }

.banner .slick__banner .banner__content .btn-banner a span::before{ content:''; border-bottom:1px solid #FFF; right:0; width:50%; top:-4px; transform:rotate(45deg); position:absolute; transition:.3s; }

.banner .slick__banner .banner__content .btn-banner a span::after{ content:''; border-bottom:1px solid #FFF; right:0; width:50%; top:4px; transform:rotate(-45deg); position:absolute; transition:.3s; }

