/* Start:/local/layout/public/css/libs.css?174478976994670*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
@font-face { font-family: "Montserrat"; font-style: normal; src: url(/local/layout/public/css/../font/Montserrat-Regular.woff2) format("woff2"), url(/local/layout/public/css/../font/Montserrat-Regular.woff) format("woff"), url(/local/layout/public/css/../font/Montserrat-Regular.ttf) format("truetype"), url(/local/layout/public/css/../font/Montserrat-Regular.eot) format("embedded-opentype"); }

@font-face { font-family: "Montserrat Medium"; font-style: normal; src: url(/local/layout/public/css/../font/Montserrat-Medium.woff2) format("woff2"), url(/local/layout/public/css/../font/Montserrat-Medium.woff) format("woff"), url(/local/layout/public/css/../font/Montserrat-Medium.ttf) format("truetype"), url(/local/layout/public/css/../font/Montserrat-Medium.eot) format("embedded-opentype"); }

@font-face { font-family: "Montserrat Semibold"; font-style: normal; src: url(/local/layout/public/css/../font/Montserrat-Semibold.woff2) format("woff2"), url(/local/layout/public/css/../font/Montserrat-Semibold.woff) format("woff"), url(/local/layout/public/css/../font/Montserrat-Semibold.ttf) format("truetype"), url(/local/layout/public/css/../font/Montserrat-Semibold.eot) format("embedded-opentype"); }

@font-face { font-family: "Raleway"; font-style: normal; src: url(/local/layout/public/css/../font/Raleway-Regular.woff2) format("woff2"), url(/local/layout/public/css/../font/Raleway-Regular.woff) format("woff"), url(/local/layout/public/css/../font/Raleway-Regular.ttf) format("truetype"); }

@font-face { font-family: "Raleway Medium"; font-style: normal; src: url(/local/layout/public/css/../font/Raleway-Medium.woff2) format("woff2"), url(/local/layout/public/css/../font/Raleway-Medium.woff) format("woff"), url(/local/layout/public/css/../font/Raleway-Medium.ttf) format("truetype"); }

@font-face { font-family: "Raleway Bold"; font-style: normal; src: url(/local/layout/public/css/../font/Raleway-Bold.woff2) format("woff2"), url(/local/layout/public/css/../font/Raleway-Bold.woff) format("woff"), url(/local/layout/public/css/../font/Raleway-Bold.ttf) format("truetype"); }

.fade { transition: opacity 0.15s linear; }

@media (prefers-reduced-motion: reduce) { .fade { transition: none; } }

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }

.collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } }

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

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

.grid { display: grid; grid-template-rows: repeat(var(--page-rows, 1), 1fr); grid-template-columns: repeat(var(--page-columns, 12), 1fr); gap: var(--page-gap, 1.875rem); }

.grid .g-col-1 { grid-column: auto/span 1; }

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

.grid .g-col-3 { grid-column: auto/span 3; }

.grid .g-col-4 { grid-column: auto/span 4; }

.grid .g-col-5 { grid-column: auto/span 5; }

.grid .g-col-6 { grid-column: auto/span 6; }

.grid .g-col-7 { grid-column: auto/span 7; }

.grid .g-col-8 { grid-column: auto/span 8; }

.grid .g-col-9 { grid-column: auto/span 9; }

.grid .g-col-10 { grid-column: auto/span 10; }

.grid .g-col-11 { grid-column: auto/span 11; }

.grid .g-col-12 { grid-column: auto/span 12; }

.grid .g-start-1 { grid-column-start: 1; }

.grid .g-start-2 { grid-column-start: 2; }

.grid .g-start-3 { grid-column-start: 3; }

.grid .g-start-4 { grid-column-start: 4; }

.grid .g-start-5 { grid-column-start: 5; }

.grid .g-start-6 { grid-column-start: 6; }

.grid .g-start-7 { grid-column-start: 7; }

.grid .g-start-8 { grid-column-start: 8; }

.grid .g-start-9 { grid-column-start: 9; }

.grid .g-start-10 { grid-column-start: 10; }

.grid .g-start-11 { grid-column-start: 11; }

@media (min-width: 375px) { .grid .g-col-m-1 { grid-column: auto/span 1; }
  .grid .g-col-m-2 { grid-column: auto/span 2; }
  .grid .g-col-m-3 { grid-column: auto/span 3; }
  .grid .g-col-m-4 { grid-column: auto/span 4; }
  .grid .g-col-m-5 { grid-column: auto/span 5; }
  .grid .g-col-m-6 { grid-column: auto/span 6; }
  .grid .g-col-m-7 { grid-column: auto/span 7; }
  .grid .g-col-m-8 { grid-column: auto/span 8; }
  .grid .g-col-m-9 { grid-column: auto/span 9; }
  .grid .g-col-m-10 { grid-column: auto/span 10; }
  .grid .g-col-m-11 { grid-column: auto/span 11; }
  .grid .g-col-m-12 { grid-column: auto/span 12; }
  .grid .g-start-m-1 { grid-column-start: 1; }
  .grid .g-start-m-2 { grid-column-start: 2; }
  .grid .g-start-m-3 { grid-column-start: 3; }
  .grid .g-start-m-4 { grid-column-start: 4; }
  .grid .g-start-m-5 { grid-column-start: 5; }
  .grid .g-start-m-6 { grid-column-start: 6; }
  .grid .g-start-m-7 { grid-column-start: 7; }
  .grid .g-start-m-8 { grid-column-start: 8; }
  .grid .g-start-m-9 { grid-column-start: 9; }
  .grid .g-start-m-10 { grid-column-start: 10; }
  .grid .g-start-m-11 { grid-column-start: 11; } }

@media (min-width: 576px) { .grid .g-col-sm-1 { grid-column: auto/span 1; }
  .grid .g-col-sm-2 { grid-column: auto/span 2; }
  .grid .g-col-sm-3 { grid-column: auto/span 3; }
  .grid .g-col-sm-4 { grid-column: auto/span 4; }
  .grid .g-col-sm-5 { grid-column: auto/span 5; }
  .grid .g-col-sm-6 { grid-column: auto/span 6; }
  .grid .g-col-sm-7 { grid-column: auto/span 7; }
  .grid .g-col-sm-8 { grid-column: auto/span 8; }
  .grid .g-col-sm-9 { grid-column: auto/span 9; }
  .grid .g-col-sm-10 { grid-column: auto/span 10; }
  .grid .g-col-sm-11 { grid-column: auto/span 11; }
  .grid .g-col-sm-12 { grid-column: auto/span 12; }
  .grid .g-start-sm-1 { grid-column-start: 1; }
  .grid .g-start-sm-2 { grid-column-start: 2; }
  .grid .g-start-sm-3 { grid-column-start: 3; }
  .grid .g-start-sm-4 { grid-column-start: 4; }
  .grid .g-start-sm-5 { grid-column-start: 5; }
  .grid .g-start-sm-6 { grid-column-start: 6; }
  .grid .g-start-sm-7 { grid-column-start: 7; }
  .grid .g-start-sm-8 { grid-column-start: 8; }
  .grid .g-start-sm-9 { grid-column-start: 9; }
  .grid .g-start-sm-10 { grid-column-start: 10; }
  .grid .g-start-sm-11 { grid-column-start: 11; } }

@media (min-width: 768px) { .grid .g-col-md-1 { grid-column: auto/span 1; }
  .grid .g-col-md-2 { grid-column: auto/span 2; }
  .grid .g-col-md-3 { grid-column: auto/span 3; }
  .grid .g-col-md-4 { grid-column: auto/span 4; }
  .grid .g-col-md-5 { grid-column: auto/span 5; }
  .grid .g-col-md-6 { grid-column: auto/span 6; }
  .grid .g-col-md-7 { grid-column: auto/span 7; }
  .grid .g-col-md-8 { grid-column: auto/span 8; }
  .grid .g-col-md-9 { grid-column: auto/span 9; }
  .grid .g-col-md-10 { grid-column: auto/span 10; }
  .grid .g-col-md-11 { grid-column: auto/span 11; }
  .grid .g-col-md-12 { grid-column: auto/span 12; }
  .grid .g-start-md-1 { grid-column-start: 1; }
  .grid .g-start-md-2 { grid-column-start: 2; }
  .grid .g-start-md-3 { grid-column-start: 3; }
  .grid .g-start-md-4 { grid-column-start: 4; }
  .grid .g-start-md-5 { grid-column-start: 5; }
  .grid .g-start-md-6 { grid-column-start: 6; }
  .grid .g-start-md-7 { grid-column-start: 7; }
  .grid .g-start-md-8 { grid-column-start: 8; }
  .grid .g-start-md-9 { grid-column-start: 9; }
  .grid .g-start-md-10 { grid-column-start: 10; }
  .grid .g-start-md-11 { grid-column-start: 11; } }

@media (min-width: 992px) { .grid .g-col-lg-1 { grid-column: auto/span 1; }
  .grid .g-col-lg-2 { grid-column: auto/span 2; }
  .grid .g-col-lg-3 { grid-column: auto/span 3; }
  .grid .g-col-lg-4 { grid-column: auto/span 4; }
  .grid .g-col-lg-5 { grid-column: auto/span 5; }
  .grid .g-col-lg-6 { grid-column: auto/span 6; }
  .grid .g-col-lg-7 { grid-column: auto/span 7; }
  .grid .g-col-lg-8 { grid-column: auto/span 8; }
  .grid .g-col-lg-9 { grid-column: auto/span 9; }
  .grid .g-col-lg-10 { grid-column: auto/span 10; }
  .grid .g-col-lg-11 { grid-column: auto/span 11; }
  .grid .g-col-lg-12 { grid-column: auto/span 12; }
  .grid .g-start-lg-1 { grid-column-start: 1; }
  .grid .g-start-lg-2 { grid-column-start: 2; }
  .grid .g-start-lg-3 { grid-column-start: 3; }
  .grid .g-start-lg-4 { grid-column-start: 4; }
  .grid .g-start-lg-5 { grid-column-start: 5; }
  .grid .g-start-lg-6 { grid-column-start: 6; }
  .grid .g-start-lg-7 { grid-column-start: 7; }
  .grid .g-start-lg-8 { grid-column-start: 8; }
  .grid .g-start-lg-9 { grid-column-start: 9; }
  .grid .g-start-lg-10 { grid-column-start: 10; }
  .grid .g-start-lg-11 { grid-column-start: 11; } }

@media (min-width: 1200px) { .grid .g-col-xl-1 { grid-column: auto/span 1; }
  .grid .g-col-xl-2 { grid-column: auto/span 2; }
  .grid .g-col-xl-3 { grid-column: auto/span 3; }
  .grid .g-col-xl-4 { grid-column: auto/span 4; }
  .grid .g-col-xl-5 { grid-column: auto/span 5; }
  .grid .g-col-xl-6 { grid-column: auto/span 6; }
  .grid .g-col-xl-7 { grid-column: auto/span 7; }
  .grid .g-col-xl-8 { grid-column: auto/span 8; }
  .grid .g-col-xl-9 { grid-column: auto/span 9; }
  .grid .g-col-xl-10 { grid-column: auto/span 10; }
  .grid .g-col-xl-11 { grid-column: auto/span 11; }
  .grid .g-col-xl-12 { grid-column: auto/span 12; }
  .grid .g-start-xl-1 { grid-column-start: 1; }
  .grid .g-start-xl-2 { grid-column-start: 2; }
  .grid .g-start-xl-3 { grid-column-start: 3; }
  .grid .g-start-xl-4 { grid-column-start: 4; }
  .grid .g-start-xl-5 { grid-column-start: 5; }
  .grid .g-start-xl-6 { grid-column-start: 6; }
  .grid .g-start-xl-7 { grid-column-start: 7; }
  .grid .g-start-xl-8 { grid-column-start: 8; }
  .grid .g-start-xl-9 { grid-column-start: 9; }
  .grid .g-start-xl-10 { grid-column-start: 10; }
  .grid .g-start-xl-11 { grid-column-start: 11; } }

@media (min-width: 1400px) { .grid .g-col-xxl-1 { grid-column: auto/span 1; }
  .grid .g-col-xxl-2 { grid-column: auto/span 2; }
  .grid .g-col-xxl-3 { grid-column: auto/span 3; }
  .grid .g-col-xxl-4 { grid-column: auto/span 4; }
  .grid .g-col-xxl-5 { grid-column: auto/span 5; }
  .grid .g-col-xxl-6 { grid-column: auto/span 6; }
  .grid .g-col-xxl-7 { grid-column: auto/span 7; }
  .grid .g-col-xxl-8 { grid-column: auto/span 8; }
  .grid .g-col-xxl-9 { grid-column: auto/span 9; }
  .grid .g-col-xxl-10 { grid-column: auto/span 10; }
  .grid .g-col-xxl-11 { grid-column: auto/span 11; }
  .grid .g-col-xxl-12 { grid-column: auto/span 12; }
  .grid .g-start-xxl-1 { grid-column-start: 1; }
  .grid .g-start-xxl-2 { grid-column-start: 2; }
  .grid .g-start-xxl-3 { grid-column-start: 3; }
  .grid .g-start-xxl-4 { grid-column-start: 4; }
  .grid .g-start-xxl-5 { grid-column-start: 5; }
  .grid .g-start-xxl-6 { grid-column-start: 6; }
  .grid .g-start-xxl-7 { grid-column-start: 7; }
  .grid .g-start-xxl-8 { grid-column-start: 8; }
  .grid .g-start-xxl-9 { grid-column-start: 9; }
  .grid .g-start-xxl-10 { grid-column-start: 10; }
  .grid .g-start-xxl-11 { grid-column-start: 11; } }

.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 { --page-gutter-x: 0; }

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

.g-1, .gx-1 { --page-gutter-x: 0.1875rem; }

.g-1, .gy-1 { --page-gutter-y: 0.1875rem; }

.g-2, .gx-2 { --page-gutter-x: 0.375rem; }

.g-2, .gy-2 { --page-gutter-y: 0.375rem; }

.g-3, .gx-3 { --page-gutter-x: 0.75rem; }

.g-3, .gy-3 { --page-gutter-y: 0.75rem; }

.g-4, .gx-4 { --page-gutter-x: 1.125rem; }

.g-4, .gy-4 { --page-gutter-y: 1.125rem; }

.g-5, .gx-5 { --page-gutter-x: 2.25rem; }

.g-5, .gy-5 { --page-gutter-y: 2.25rem; }

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

@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 { --page-gutter-x: 0; }
  .g-sm-0, .gy-sm-0 { --page-gutter-y: 0; }
  .g-sm-1, .gx-sm-1 { --page-gutter-x: 0.1875rem; }
  .g-sm-1, .gy-sm-1 { --page-gutter-y: 0.1875rem; }
  .g-sm-2, .gx-sm-2 { --page-gutter-x: 0.375rem; }
  .g-sm-2, .gy-sm-2 { --page-gutter-y: 0.375rem; }
  .g-sm-3, .gx-sm-3 { --page-gutter-x: 0.75rem; }
  .g-sm-3, .gy-sm-3 { --page-gutter-y: 0.75rem; }
  .g-sm-4, .gx-sm-4 { --page-gutter-x: 1.125rem; }
  .g-sm-4, .gy-sm-4 { --page-gutter-y: 1.125rem; }
  .g-sm-5, .gx-sm-5 { --page-gutter-x: 2.25rem; }
  .g-sm-5, .gy-sm-5 { --page-gutter-y: 2.25rem; } }

@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 { --page-gutter-x: 0; }
  .g-md-0, .gy-md-0 { --page-gutter-y: 0; }
  .g-md-1, .gx-md-1 { --page-gutter-x: 0.1875rem; }
  .g-md-1, .gy-md-1 { --page-gutter-y: 0.1875rem; }
  .g-md-2, .gx-md-2 { --page-gutter-x: 0.375rem; }
  .g-md-2, .gy-md-2 { --page-gutter-y: 0.375rem; }
  .g-md-3, .gx-md-3 { --page-gutter-x: 0.75rem; }
  .g-md-3, .gy-md-3 { --page-gutter-y: 0.75rem; }
  .g-md-4, .gx-md-4 { --page-gutter-x: 1.125rem; }
  .g-md-4, .gy-md-4 { --page-gutter-y: 1.125rem; }
  .g-md-5, .gx-md-5 { --page-gutter-x: 2.25rem; }
  .g-md-5, .gy-md-5 { --page-gutter-y: 2.25rem; } }

@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 { --page-gutter-x: 0; }
  .g-lg-0, .gy-lg-0 { --page-gutter-y: 0; }
  .g-lg-1, .gx-lg-1 { --page-gutter-x: 0.1875rem; }
  .g-lg-1, .gy-lg-1 { --page-gutter-y: 0.1875rem; }
  .g-lg-2, .gx-lg-2 { --page-gutter-x: 0.375rem; }
  .g-lg-2, .gy-lg-2 { --page-gutter-y: 0.375rem; }
  .g-lg-3, .gx-lg-3 { --page-gutter-x: 0.75rem; }
  .g-lg-3, .gy-lg-3 { --page-gutter-y: 0.75rem; }
  .g-lg-4, .gx-lg-4 { --page-gutter-x: 1.125rem; }
  .g-lg-4, .gy-lg-4 { --page-gutter-y: 1.125rem; }
  .g-lg-5, .gx-lg-5 { --page-gutter-x: 2.25rem; }
  .g-lg-5, .gy-lg-5 { --page-gutter-y: 2.25rem; } }

@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 { --page-gutter-x: 0; }
  .g-xl-0, .gy-xl-0 { --page-gutter-y: 0; }
  .g-xl-1, .gx-xl-1 { --page-gutter-x: 0.1875rem; }
  .g-xl-1, .gy-xl-1 { --page-gutter-y: 0.1875rem; }
  .g-xl-2, .gx-xl-2 { --page-gutter-x: 0.375rem; }
  .g-xl-2, .gy-xl-2 { --page-gutter-y: 0.375rem; }
  .g-xl-3, .gx-xl-3 { --page-gutter-x: 0.75rem; }
  .g-xl-3, .gy-xl-3 { --page-gutter-y: 0.75rem; }
  .g-xl-4, .gx-xl-4 { --page-gutter-x: 1.125rem; }
  .g-xl-4, .gy-xl-4 { --page-gutter-y: 1.125rem; }
  .g-xl-5, .gx-xl-5 { --page-gutter-x: 2.25rem; }
  .g-xl-5, .gy-xl-5 { --page-gutter-y: 2.25rem; } }

@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 { --page-gutter-x: 0; }
  .g-xxl-0, .gy-xxl-0 { --page-gutter-y: 0; }
  .g-xxl-1, .gx-xxl-1 { --page-gutter-x: 0.1875rem; }
  .g-xxl-1, .gy-xxl-1 { --page-gutter-y: 0.1875rem; }
  .g-xxl-2, .gx-xxl-2 { --page-gutter-x: 0.375rem; }
  .g-xxl-2, .gy-xxl-2 { --page-gutter-y: 0.375rem; }
  .g-xxl-3, .gx-xxl-3 { --page-gutter-x: 0.75rem; }
  .g-xxl-3, .gy-xxl-3 { --page-gutter-y: 0.75rem; }
  .g-xxl-4, .gx-xxl-4 { --page-gutter-x: 1.125rem; }
  .g-xxl-4, .gy-xxl-4 { --page-gutter-y: 1.125rem; }
  .g-xxl-5, .gx-xxl-5 { --page-gutter-x: 2.25rem; }
  .g-xxl-5, .gy-xxl-5 { --page-gutter-y: 2.25rem; } }

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

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

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

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

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

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

@-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } }

@keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } }

.spinner-border { display: inline-block; width: 1.75em; height: 1.75em; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@-webkit-keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1;
    transform: none; } }

@keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1;
    transform: none; } }

.spinner-grow { display: inline-block; width: 1.75em; height: 1.75em; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; }

.spinner-grow-sm { width: 1rem; height: 1rem; }

@media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; }

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.ratio { position: relative; width: 100%; }

.ratio::before { display: block; padding-top: var(--page-aspect-ratio); content: ""; }

.ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ratio-1x1 { --page-aspect-ratio: 100%; }

.ratio-4x3 { --page-aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 { --page-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 { --page-aspect-ratio: calc(9 / 21 * 100%); }

.float-start { float: left; }

.float-end { float: right; }

.float-none { float: none; }

.opacity-0 { opacity: 0; }

.opacity-25 { opacity: 0.25; }

.opacity-50 { opacity: 0.5; }

.opacity-75 { opacity: 0.75; }

.opacity-100 { opacity: 1; }

.overflow-auto { overflow: auto; }

.overflow-hidden { overflow: hidden; }

.overflow-visible { overflow: visible; }

.overflow-scroll { overflow: scroll; }

.d-inline { display: inline; }

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

.d-block { display: block; }

.d-flex { display: flex; }

.d-inline-flex { display: inline-flex; }

.d-none { display: none; }

.position-static { position: static; }

.position-relative { position: relative; }

.position-absolute { position: absolute; }

.position-fixed { position: fixed; }

.position-sticky { position: -webkit-sticky; position: sticky; }

.border { border: 1px solid #1a353e; }

.border-0 { border: 0; }

.w-25 { width: 25%; }

.w-50 { width: 50%; }

.w-75 { width: 75%; }

.w-100 { width: 100%; }

.w-auto { width: auto; }

.mw-25 { max-width: 25%; }

.mw-50 { max-width: 50%; }

.mw-75 { max-width: 75%; }

.mw-100 { max-width: 100%; }

.h-25 { height: 25%; }

.h-50 { height: 50%; }

.h-75 { height: 75%; }

.h-100 { height: 100%; }

.h-auto { height: auto; }

.flex-fill { flex: 1 1 auto; }

.flex-row { flex-direction: row; }

.flex-column { flex-direction: column; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-column-reverse { flex-direction: column-reverse; }

.flex-grow-0 { flex-grow: 0; }

.flex-grow-1 { flex-grow: 1; }

.flex-shrink-0 { flex-shrink: 0; }

.flex-shrink-1 { flex-shrink: 1; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.justify-content-start { justify-content: flex-start; }

.justify-content-end { justify-content: flex-end; }

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

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

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

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

.align-items-start { align-items: flex-start; }

.align-items-end { align-items: flex-end; }

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

.align-content-start { align-content: flex-start; }

.align-content-end { align-content: flex-end; }

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

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

.align-content-around { align-content: space-around; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

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

.order-first { order: -1; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-last { order: 6; }

.m-0 { margin: 0; }

.m-1 { margin: 0.1875rem; }

.m-2 { margin: 0.375rem; }

.m-3 { margin: 0.75rem; }

.m-4 { margin: 1.125rem; }

.m-5 { margin: 2.25rem; }

.m-auto { margin: auto; }

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

.mx-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }

.mx-2 { margin-right: 0.375rem; margin-left: 0.375rem; }

.mx-3 { margin-right: 0.75rem; margin-left: 0.75rem; }

.mx-4 { margin-right: 1.125rem; margin-left: 1.125rem; }

.mx-5 { margin-right: 2.25rem; margin-left: 2.25rem; }

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

.my-0 { margin-top: 0; margin-bottom: 0; }

.my-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }

.my-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }

.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

.my-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }

.my-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }

.my-auto { margin-top: auto; margin-bottom: auto; }

.mt-0 { margin-top: 0; }

.mt-1 { margin-top: 0.1875rem; }

.mt-2 { margin-top: 0.375rem; }

.mt-3 { margin-top: 0.75rem; }

.mt-4 { margin-top: 1.125rem; }

.mt-5 { margin-top: 2.25rem; }

.mt-auto { margin-top: auto; }

.me-0 { margin-right: 0; }

.me-1 { margin-right: 0.1875rem; }

.me-2 { margin-right: 0.375rem; }

.me-3 { margin-right: 0.75rem; }

.me-4 { margin-right: 1.125rem; }

.me-5 { margin-right: 2.25rem; }

.me-auto { margin-right: auto; }

.mb-0 { margin-bottom: 0; }

.mb-1 { margin-bottom: 0.1875rem; }

.mb-2 { margin-bottom: 0.375rem; }

.mb-3 { margin-bottom: 0.75rem; }

.mb-4 { margin-bottom: 1.125rem; }

.mb-5 { margin-bottom: 2.25rem; }

.mb-auto { margin-bottom: auto; }

.ms-0 { margin-left: 0; }

.ms-1 { margin-left: 0.1875rem; }

.ms-2 { margin-left: 0.375rem; }

.ms-3 { margin-left: 0.75rem; }

.ms-4 { margin-left: 1.125rem; }

.ms-5 { margin-left: 2.25rem; }

.ms-auto { margin-left: auto; }

.m-n1 { margin: -0.1875rem; }

.m-n2 { margin: -0.375rem; }

.m-n3 { margin: -0.75rem; }

.m-n4 { margin: -1.125rem; }

.m-n5 { margin: -2.25rem; }

.mx-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }

.mx-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }

.mx-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }

.mx-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }

.mx-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }

.my-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }

.my-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }

.my-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }

.my-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }

.my-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }

.mt-n1 { margin-top: -0.1875rem; }

.mt-n2 { margin-top: -0.375rem; }

.mt-n3 { margin-top: -0.75rem; }

.mt-n4 { margin-top: -1.125rem; }

.mt-n5 { margin-top: -2.25rem; }

.me-n1 { margin-right: -0.1875rem; }

.me-n2 { margin-right: -0.375rem; }

.me-n3 { margin-right: -0.75rem; }

.me-n4 { margin-right: -1.125rem; }

.me-n5 { margin-right: -2.25rem; }

.mb-n1 { margin-bottom: -0.1875rem; }

.mb-n2 { margin-bottom: -0.375rem; }

.mb-n3 { margin-bottom: -0.75rem; }

.mb-n4 { margin-bottom: -1.125rem; }

.mb-n5 { margin-bottom: -2.25rem; }

.ms-n1 { margin-left: -0.1875rem; }

.ms-n2 { margin-left: -0.375rem; }

.ms-n3 { margin-left: -0.75rem; }

.ms-n4 { margin-left: -1.125rem; }

.ms-n5 { margin-left: -2.25rem; }

.p-0 { padding: 0; }

.p-1 { padding: 0.1875rem; }

.p-2 { padding: 0.375rem; }

.p-3 { padding: 0.75rem; }

.p-4 { padding: 1.125rem; }

.p-5 { padding: 2.25rem; }

.px-0 { padding-right: 0; padding-left: 0; }

.px-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }

.px-2 { padding-right: 0.375rem; padding-left: 0.375rem; }

.px-3 { padding-right: 0.75rem; padding-left: 0.75rem; }

.px-4 { padding-right: 1.125rem; padding-left: 1.125rem; }

.px-5 { padding-right: 2.25rem; padding-left: 2.25rem; }

.py-0 { padding-top: 0; padding-bottom: 0; }

.py-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }

.py-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

.py-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }

.py-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }

.pt-0 { padding-top: 0; }

.pt-1 { padding-top: 0.1875rem; }

.pt-2 { padding-top: 0.375rem; }

.pt-3 { padding-top: 0.75rem; }

.pt-4 { padding-top: 1.125rem; }

.pt-5 { padding-top: 2.25rem; }

.pe-0 { padding-right: 0; }

.pe-1 { padding-right: 0.1875rem; }

.pe-2 { padding-right: 0.375rem; }

.pe-3 { padding-right: 0.75rem; }

.pe-4 { padding-right: 1.125rem; }

.pe-5 { padding-right: 2.25rem; }

.pb-0 { padding-bottom: 0; }

.pb-1 { padding-bottom: 0.1875rem; }

.pb-2 { padding-bottom: 0.375rem; }

.pb-3 { padding-bottom: 0.75rem; }

.pb-4 { padding-bottom: 1.125rem; }

.pb-5 { padding-bottom: 2.25rem; }

.ps-0 { padding-left: 0; }

.ps-1 { padding-left: 0.1875rem; }

.ps-2 { padding-left: 0.375rem; }

.ps-3 { padding-left: 0.75rem; }

.ps-4 { padding-left: 1.125rem; }

.ps-5 { padding-left: 2.25rem; }

.lh-1 { line-height: 1; }

.lh-sm { line-height: 1.15; }

.lh-base { line-height: 1.35; }

.lh-lg { line-height: 2; }

.text-start { text-align: left; }

.text-end { text-align: right; }

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

.text-decoration-none { text-decoration: none; }

.text-decoration-underline { text-decoration: underline; }

.text-decoration-line-through { text-decoration: line-through; }

.text-lowercase { text-transform: lowercase; }

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

.text-capitalize { text-transform: capitalize; }

.text-primary { --page-text-opacity: 1; color: rgba(var(--page-primary-rgb), var(--page-text-opacity)); }

.text-secondary { --page-text-opacity: 1; color: rgba(var(--page-secondary-rgb), var(--page-text-opacity)); }

.text-success { --page-text-opacity: 1; color: rgba(var(--page-success-rgb), var(--page-text-opacity)); }

.text-info { --page-text-opacity: 1; color: rgba(var(--page-info-rgb), var(--page-text-opacity)); }

.text-warning { --page-text-opacity: 1; color: rgba(var(--page-warning-rgb), var(--page-text-opacity)); }

.text-danger { --page-text-opacity: 1; color: rgba(var(--page-danger-rgb), var(--page-text-opacity)); }

.text-light { --page-text-opacity: 1; color: rgba(var(--page-light-rgb), var(--page-text-opacity)); }

.text-dark { --page-text-opacity: 1; color: rgba(var(--page-dark-rgb), var(--page-text-opacity)); }

.text-black { --page-text-opacity: 1; color: rgba(var(--page-black-rgb), var(--page-text-opacity)); }

.text-white { --page-text-opacity: 1; color: rgba(var(--page-white-rgb), var(--page-text-opacity)); }

.text-body { --page-text-opacity: 1; color: rgba(var(--page-body-color-rgb), var(--page-text-opacity)); }

.text-muted { --page-text-opacity: 1; color: #6c757d; }

.text-black-50 { --page-text-opacity: 1; color: rgba(0, 0, 0, 0.5); }

.text-white-50 { --page-text-opacity: 1; color: rgba(255, 255, 255, 0.5); }

.text-reset { --page-text-opacity: 1; color: inherit; }

.text-opacity-25 { --page-text-opacity: 0.25; }

.text-opacity-50 { --page-text-opacity: 0.5; }

.text-opacity-75 { --page-text-opacity: 0.75; }

.text-opacity-100 { --page-text-opacity: 1; }

.bg-primary { --page-bg-opacity: 1; background-color: rgba(var(--page-primary-rgb), var(--page-bg-opacity)); }

.bg-secondary { --page-bg-opacity: 1; background-color: rgba(var(--page-secondary-rgb), var(--page-bg-opacity)); }

.bg-success { --page-bg-opacity: 1; background-color: rgba(var(--page-success-rgb), var(--page-bg-opacity)); }

.bg-info { --page-bg-opacity: 1; background-color: rgba(var(--page-info-rgb), var(--page-bg-opacity)); }

.bg-warning { --page-bg-opacity: 1; background-color: rgba(var(--page-warning-rgb), var(--page-bg-opacity)); }

.bg-danger { --page-bg-opacity: 1; background-color: rgba(var(--page-danger-rgb), var(--page-bg-opacity)); }

.bg-light { --page-bg-opacity: 1; background-color: rgba(var(--page-light-rgb), var(--page-bg-opacity)); }

.bg-dark { --page-bg-opacity: 1; background-color: rgba(var(--page-dark-rgb), var(--page-bg-opacity)); }

.bg-black { --page-bg-opacity: 1; background-color: rgba(var(--page-black-rgb), var(--page-bg-opacity)); }

.bg-white { --page-bg-opacity: 1; background-color: rgba(var(--page-white-rgb), var(--page-bg-opacity)); }

.bg-body { --page-bg-opacity: 1; background-color: rgba(var(--page-body-bg-rgb), var(--page-bg-opacity)); }

.bg-transparent { --page-bg-opacity: 1; background-color: transparent; }

.bg-opacity-10 { --page-bg-opacity: 0.1; }

.bg-opacity-25 { --page-bg-opacity: 0.25; }

.bg-opacity-50 { --page-bg-opacity: 0.5; }

.bg-opacity-75 { --page-bg-opacity: 0.75; }

.bg-opacity-100 { --page-bg-opacity: 1; }

.user-select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; }

.user-select-auto { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

.user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pe-none { pointer-events: none; }

.pe-auto { pointer-events: auto; }

.rounded { border-radius: 2px; }

.rounded-0 { border-radius: 0; }

.rounded-1 { border-radius: 4px; }

.rounded-2 { border-radius: 2px; }

.rounded-3 { border-radius: 6px; }

.rounded-circle { border-radius: 50%; }

.rounded-pill { border-radius: 50%; }

.visible { visibility: visible; }

.invisible { visibility: hidden; }

@media (min-width: 375px) { .float-m-start { float: left; }
  .float-m-end { float: right; }
  .float-m-none { float: none; }
  .d-m-inline { display: inline; }
  .d-m-inline-block { display: inline-block; }
  .d-m-block { display: block; }
  .d-m-flex { display: flex; }
  .d-m-inline-flex { display: inline-flex; }
  .d-m-none { display: none; }
  .flex-m-fill { flex: 1 1 auto; }
  .flex-m-row { flex-direction: row; }
  .flex-m-column { flex-direction: column; }
  .flex-m-row-reverse { flex-direction: row-reverse; }
  .flex-m-column-reverse { flex-direction: column-reverse; }
  .flex-m-grow-0 { flex-grow: 0; }
  .flex-m-grow-1 { flex-grow: 1; }
  .flex-m-shrink-0 { flex-shrink: 0; }
  .flex-m-shrink-1 { flex-shrink: 1; }
  .flex-m-wrap { flex-wrap: wrap; }
  .flex-m-nowrap { flex-wrap: nowrap; }
  .flex-m-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-m-start { justify-content: flex-start; }
  .justify-content-m-end { justify-content: flex-end; }
  .justify-content-m-center { justify-content: center; }
  .justify-content-m-between { justify-content: space-between; }
  .justify-content-m-around { justify-content: space-around; }
  .justify-content-m-evenly { justify-content: space-evenly; }
  .align-items-m-start { align-items: flex-start; }
  .align-items-m-end { align-items: flex-end; }
  .align-items-m-center { align-items: center; }
  .align-content-m-start { align-content: flex-start; }
  .align-content-m-end { align-content: flex-end; }
  .align-content-m-center { align-content: center; }
  .align-content-m-between { align-content: space-between; }
  .align-content-m-around { align-content: space-around; }
  .align-self-m-start { align-self: flex-start; }
  .align-self-m-end { align-self: flex-end; }
  .align-self-m-center { align-self: center; }
  .order-m-first { order: -1; }
  .order-m-0 { order: 0; }
  .order-m-1 { order: 1; }
  .order-m-2 { order: 2; }
  .order-m-3 { order: 3; }
  .order-m-4 { order: 4; }
  .order-m-5 { order: 5; }
  .order-m-last { order: 6; }
  .m-m-0 { margin: 0; }
  .m-m-1 { margin: 0.1875rem; }
  .m-m-2 { margin: 0.375rem; }
  .m-m-3 { margin: 0.75rem; }
  .m-m-4 { margin: 1.125rem; }
  .m-m-5 { margin: 2.25rem; }
  .m-m-auto { margin: auto; }
  .mx-m-0 { margin-right: 0; margin-left: 0; }
  .mx-m-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-m-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-m-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-m-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-m-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-m-auto { margin-right: auto; margin-left: auto; }
  .my-m-0 { margin-top: 0; margin-bottom: 0; }
  .my-m-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-m-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-m-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-m-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-m-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-m-auto { margin-top: auto; margin-bottom: auto; }
  .mt-m-0 { margin-top: 0; }
  .mt-m-1 { margin-top: 0.1875rem; }
  .mt-m-2 { margin-top: 0.375rem; }
  .mt-m-3 { margin-top: 0.75rem; }
  .mt-m-4 { margin-top: 1.125rem; }
  .mt-m-5 { margin-top: 2.25rem; }
  .mt-m-auto { margin-top: auto; }
  .me-m-0 { margin-right: 0; }
  .me-m-1 { margin-right: 0.1875rem; }
  .me-m-2 { margin-right: 0.375rem; }
  .me-m-3 { margin-right: 0.75rem; }
  .me-m-4 { margin-right: 1.125rem; }
  .me-m-5 { margin-right: 2.25rem; }
  .me-m-auto { margin-right: auto; }
  .mb-m-0 { margin-bottom: 0; }
  .mb-m-1 { margin-bottom: 0.1875rem; }
  .mb-m-2 { margin-bottom: 0.375rem; }
  .mb-m-3 { margin-bottom: 0.75rem; }
  .mb-m-4 { margin-bottom: 1.125rem; }
  .mb-m-5 { margin-bottom: 2.25rem; }
  .mb-m-auto { margin-bottom: auto; }
  .ms-m-0 { margin-left: 0; }
  .ms-m-1 { margin-left: 0.1875rem; }
  .ms-m-2 { margin-left: 0.375rem; }
  .ms-m-3 { margin-left: 0.75rem; }
  .ms-m-4 { margin-left: 1.125rem; }
  .ms-m-5 { margin-left: 2.25rem; }
  .ms-m-auto { margin-left: auto; }
  .m-m-n1 { margin: -0.1875rem; }
  .m-m-n2 { margin: -0.375rem; }
  .m-m-n3 { margin: -0.75rem; }
  .m-m-n4 { margin: -1.125rem; }
  .m-m-n5 { margin: -2.25rem; }
  .mx-m-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-m-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-m-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-m-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-m-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-m-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-m-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-m-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-m-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-m-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-m-n1 { margin-top: -0.1875rem; }
  .mt-m-n2 { margin-top: -0.375rem; }
  .mt-m-n3 { margin-top: -0.75rem; }
  .mt-m-n4 { margin-top: -1.125rem; }
  .mt-m-n5 { margin-top: -2.25rem; }
  .me-m-n1 { margin-right: -0.1875rem; }
  .me-m-n2 { margin-right: -0.375rem; }
  .me-m-n3 { margin-right: -0.75rem; }
  .me-m-n4 { margin-right: -1.125rem; }
  .me-m-n5 { margin-right: -2.25rem; }
  .mb-m-n1 { margin-bottom: -0.1875rem; }
  .mb-m-n2 { margin-bottom: -0.375rem; }
  .mb-m-n3 { margin-bottom: -0.75rem; }
  .mb-m-n4 { margin-bottom: -1.125rem; }
  .mb-m-n5 { margin-bottom: -2.25rem; }
  .ms-m-n1 { margin-left: -0.1875rem; }
  .ms-m-n2 { margin-left: -0.375rem; }
  .ms-m-n3 { margin-left: -0.75rem; }
  .ms-m-n4 { margin-left: -1.125rem; }
  .ms-m-n5 { margin-left: -2.25rem; }
  .p-m-0 { padding: 0; }
  .p-m-1 { padding: 0.1875rem; }
  .p-m-2 { padding: 0.375rem; }
  .p-m-3 { padding: 0.75rem; }
  .p-m-4 { padding: 1.125rem; }
  .p-m-5 { padding: 2.25rem; }
  .px-m-0 { padding-right: 0; padding-left: 0; }
  .px-m-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-m-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-m-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-m-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-m-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-m-0 { padding-top: 0; padding-bottom: 0; }
  .py-m-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-m-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-m-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-m-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-m-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-m-0 { padding-top: 0; }
  .pt-m-1 { padding-top: 0.1875rem; }
  .pt-m-2 { padding-top: 0.375rem; }
  .pt-m-3 { padding-top: 0.75rem; }
  .pt-m-4 { padding-top: 1.125rem; }
  .pt-m-5 { padding-top: 2.25rem; }
  .pe-m-0 { padding-right: 0; }
  .pe-m-1 { padding-right: 0.1875rem; }
  .pe-m-2 { padding-right: 0.375rem; }
  .pe-m-3 { padding-right: 0.75rem; }
  .pe-m-4 { padding-right: 1.125rem; }
  .pe-m-5 { padding-right: 2.25rem; }
  .pb-m-0 { padding-bottom: 0; }
  .pb-m-1 { padding-bottom: 0.1875rem; }
  .pb-m-2 { padding-bottom: 0.375rem; }
  .pb-m-3 { padding-bottom: 0.75rem; }
  .pb-m-4 { padding-bottom: 1.125rem; }
  .pb-m-5 { padding-bottom: 2.25rem; }
  .ps-m-0 { padding-left: 0; }
  .ps-m-1 { padding-left: 0.1875rem; }
  .ps-m-2 { padding-left: 0.375rem; }
  .ps-m-3 { padding-left: 0.75rem; }
  .ps-m-4 { padding-left: 1.125rem; }
  .ps-m-5 { padding-left: 2.25rem; }
  .text-m-start { text-align: left; }
  .text-m-end { text-align: right; }
  .text-m-center { text-align: center; } }

@media (min-width: 576px) { .float-sm-start { float: left; }
  .float-sm-end { float: right; }
  .float-sm-none { float: none; }
  .d-sm-inline { display: inline; }
  .d-sm-inline-block { display: inline-block; }
  .d-sm-block { display: block; }
  .d-sm-flex { display: flex; }
  .d-sm-inline-flex { display: inline-flex; }
  .d-sm-none { display: none; }
  .flex-sm-fill { flex: 1 1 auto; }
  .flex-sm-row { flex-direction: row; }
  .flex-sm-column { flex-direction: column; }
  .flex-sm-row-reverse { flex-direction: row-reverse; }
  .flex-sm-column-reverse { flex-direction: column-reverse; }
  .flex-sm-grow-0 { flex-grow: 0; }
  .flex-sm-grow-1 { flex-grow: 1; }
  .flex-sm-shrink-0 { flex-shrink: 0; }
  .flex-sm-shrink-1 { flex-shrink: 1; }
  .flex-sm-wrap { flex-wrap: wrap; }
  .flex-sm-nowrap { flex-wrap: nowrap; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-sm-start { justify-content: flex-start; }
  .justify-content-sm-end { justify-content: flex-end; }
  .justify-content-sm-center { justify-content: center; }
  .justify-content-sm-between { justify-content: space-between; }
  .justify-content-sm-around { justify-content: space-around; }
  .justify-content-sm-evenly { justify-content: space-evenly; }
  .align-items-sm-start { align-items: flex-start; }
  .align-items-sm-end { align-items: flex-end; }
  .align-items-sm-center { align-items: center; }
  .align-content-sm-start { align-content: flex-start; }
  .align-content-sm-end { align-content: flex-end; }
  .align-content-sm-center { align-content: center; }
  .align-content-sm-between { align-content: space-between; }
  .align-content-sm-around { align-content: space-around; }
  .align-self-sm-start { align-self: flex-start; }
  .align-self-sm-end { align-self: flex-end; }
  .align-self-sm-center { align-self: center; }
  .order-sm-first { order: -1; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-last { order: 6; }
  .m-sm-0 { margin: 0; }
  .m-sm-1 { margin: 0.1875rem; }
  .m-sm-2 { margin: 0.375rem; }
  .m-sm-3 { margin: 0.75rem; }
  .m-sm-4 { margin: 1.125rem; }
  .m-sm-5 { margin: 2.25rem; }
  .m-sm-auto { margin: auto; }
  .mx-sm-0 { margin-right: 0; margin-left: 0; }
  .mx-sm-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-sm-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-sm-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-sm-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-sm-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-sm-auto { margin-right: auto; margin-left: auto; }
  .my-sm-0 { margin-top: 0; margin-bottom: 0; }
  .my-sm-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-sm-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-sm-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-sm-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-sm-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-sm-auto { margin-top: auto; margin-bottom: auto; }
  .mt-sm-0 { margin-top: 0; }
  .mt-sm-1 { margin-top: 0.1875rem; }
  .mt-sm-2 { margin-top: 0.375rem; }
  .mt-sm-3 { margin-top: 0.75rem; }
  .mt-sm-4 { margin-top: 1.125rem; }
  .mt-sm-5 { margin-top: 2.25rem; }
  .mt-sm-auto { margin-top: auto; }
  .me-sm-0 { margin-right: 0; }
  .me-sm-1 { margin-right: 0.1875rem; }
  .me-sm-2 { margin-right: 0.375rem; }
  .me-sm-3 { margin-right: 0.75rem; }
  .me-sm-4 { margin-right: 1.125rem; }
  .me-sm-5 { margin-right: 2.25rem; }
  .me-sm-auto { margin-right: auto; }
  .mb-sm-0 { margin-bottom: 0; }
  .mb-sm-1 { margin-bottom: 0.1875rem; }
  .mb-sm-2 { margin-bottom: 0.375rem; }
  .mb-sm-3 { margin-bottom: 0.75rem; }
  .mb-sm-4 { margin-bottom: 1.125rem; }
  .mb-sm-5 { margin-bottom: 2.25rem; }
  .mb-sm-auto { margin-bottom: auto; }
  .ms-sm-0 { margin-left: 0; }
  .ms-sm-1 { margin-left: 0.1875rem; }
  .ms-sm-2 { margin-left: 0.375rem; }
  .ms-sm-3 { margin-left: 0.75rem; }
  .ms-sm-4 { margin-left: 1.125rem; }
  .ms-sm-5 { margin-left: 2.25rem; }
  .ms-sm-auto { margin-left: auto; }
  .m-sm-n1 { margin: -0.1875rem; }
  .m-sm-n2 { margin: -0.375rem; }
  .m-sm-n3 { margin: -0.75rem; }
  .m-sm-n4 { margin: -1.125rem; }
  .m-sm-n5 { margin: -2.25rem; }
  .mx-sm-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-sm-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-sm-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-sm-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-sm-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-sm-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-sm-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-sm-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-sm-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-sm-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-sm-n1 { margin-top: -0.1875rem; }
  .mt-sm-n2 { margin-top: -0.375rem; }
  .mt-sm-n3 { margin-top: -0.75rem; }
  .mt-sm-n4 { margin-top: -1.125rem; }
  .mt-sm-n5 { margin-top: -2.25rem; }
  .me-sm-n1 { margin-right: -0.1875rem; }
  .me-sm-n2 { margin-right: -0.375rem; }
  .me-sm-n3 { margin-right: -0.75rem; }
  .me-sm-n4 { margin-right: -1.125rem; }
  .me-sm-n5 { margin-right: -2.25rem; }
  .mb-sm-n1 { margin-bottom: -0.1875rem; }
  .mb-sm-n2 { margin-bottom: -0.375rem; }
  .mb-sm-n3 { margin-bottom: -0.75rem; }
  .mb-sm-n4 { margin-bottom: -1.125rem; }
  .mb-sm-n5 { margin-bottom: -2.25rem; }
  .ms-sm-n1 { margin-left: -0.1875rem; }
  .ms-sm-n2 { margin-left: -0.375rem; }
  .ms-sm-n3 { margin-left: -0.75rem; }
  .ms-sm-n4 { margin-left: -1.125rem; }
  .ms-sm-n5 { margin-left: -2.25rem; }
  .p-sm-0 { padding: 0; }
  .p-sm-1 { padding: 0.1875rem; }
  .p-sm-2 { padding: 0.375rem; }
  .p-sm-3 { padding: 0.75rem; }
  .p-sm-4 { padding: 1.125rem; }
  .p-sm-5 { padding: 2.25rem; }
  .px-sm-0 { padding-right: 0; padding-left: 0; }
  .px-sm-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-sm-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-sm-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-sm-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-sm-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-sm-0 { padding-top: 0; padding-bottom: 0; }
  .py-sm-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-sm-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-sm-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-sm-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-sm-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-sm-0 { padding-top: 0; }
  .pt-sm-1 { padding-top: 0.1875rem; }
  .pt-sm-2 { padding-top: 0.375rem; }
  .pt-sm-3 { padding-top: 0.75rem; }
  .pt-sm-4 { padding-top: 1.125rem; }
  .pt-sm-5 { padding-top: 2.25rem; }
  .pe-sm-0 { padding-right: 0; }
  .pe-sm-1 { padding-right: 0.1875rem; }
  .pe-sm-2 { padding-right: 0.375rem; }
  .pe-sm-3 { padding-right: 0.75rem; }
  .pe-sm-4 { padding-right: 1.125rem; }
  .pe-sm-5 { padding-right: 2.25rem; }
  .pb-sm-0 { padding-bottom: 0; }
  .pb-sm-1 { padding-bottom: 0.1875rem; }
  .pb-sm-2 { padding-bottom: 0.375rem; }
  .pb-sm-3 { padding-bottom: 0.75rem; }
  .pb-sm-4 { padding-bottom: 1.125rem; }
  .pb-sm-5 { padding-bottom: 2.25rem; }
  .ps-sm-0 { padding-left: 0; }
  .ps-sm-1 { padding-left: 0.1875rem; }
  .ps-sm-2 { padding-left: 0.375rem; }
  .ps-sm-3 { padding-left: 0.75rem; }
  .ps-sm-4 { padding-left: 1.125rem; }
  .ps-sm-5 { padding-left: 2.25rem; }
  .text-sm-start { text-align: left; }
  .text-sm-end { text-align: right; }
  .text-sm-center { text-align: center; } }

@media (min-width: 768px) { .float-md-start { float: left; }
  .float-md-end { float: right; }
  .float-md-none { float: none; }
  .d-md-inline { display: inline; }
  .d-md-inline-block { display: inline-block; }
  .d-md-block { display: block; }
  .d-md-flex { display: flex; }
  .d-md-inline-flex { display: inline-flex; }
  .d-md-none { display: none; }
  .flex-md-fill { flex: 1 1 auto; }
  .flex-md-row { flex-direction: row; }
  .flex-md-column { flex-direction: column; }
  .flex-md-row-reverse { flex-direction: row-reverse; }
  .flex-md-column-reverse { flex-direction: column-reverse; }
  .flex-md-grow-0 { flex-grow: 0; }
  .flex-md-grow-1 { flex-grow: 1; }
  .flex-md-shrink-0 { flex-shrink: 0; }
  .flex-md-shrink-1 { flex-shrink: 1; }
  .flex-md-wrap { flex-wrap: wrap; }
  .flex-md-nowrap { flex-wrap: nowrap; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-md-start { justify-content: flex-start; }
  .justify-content-md-end { justify-content: flex-end; }
  .justify-content-md-center { justify-content: center; }
  .justify-content-md-between { justify-content: space-between; }
  .justify-content-md-around { justify-content: space-around; }
  .justify-content-md-evenly { justify-content: space-evenly; }
  .align-items-md-start { align-items: flex-start; }
  .align-items-md-end { align-items: flex-end; }
  .align-items-md-center { align-items: center; }
  .align-content-md-start { align-content: flex-start; }
  .align-content-md-end { align-content: flex-end; }
  .align-content-md-center { align-content: center; }
  .align-content-md-between { align-content: space-between; }
  .align-content-md-around { align-content: space-around; }
  .align-self-md-start { align-self: flex-start; }
  .align-self-md-end { align-self: flex-end; }
  .align-self-md-center { align-self: center; }
  .order-md-first { order: -1; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-last { order: 6; }
  .m-md-0 { margin: 0; }
  .m-md-1 { margin: 0.1875rem; }
  .m-md-2 { margin: 0.375rem; }
  .m-md-3 { margin: 0.75rem; }
  .m-md-4 { margin: 1.125rem; }
  .m-md-5 { margin: 2.25rem; }
  .m-md-auto { margin: auto; }
  .mx-md-0 { margin-right: 0; margin-left: 0; }
  .mx-md-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-md-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-md-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-md-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-md-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-md-auto { margin-right: auto; margin-left: auto; }
  .my-md-0 { margin-top: 0; margin-bottom: 0; }
  .my-md-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-md-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-md-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-md-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-md-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-md-auto { margin-top: auto; margin-bottom: auto; }
  .mt-md-0 { margin-top: 0; }
  .mt-md-1 { margin-top: 0.1875rem; }
  .mt-md-2 { margin-top: 0.375rem; }
  .mt-md-3 { margin-top: 0.75rem; }
  .mt-md-4 { margin-top: 1.125rem; }
  .mt-md-5 { margin-top: 2.25rem; }
  .mt-md-auto { margin-top: auto; }
  .me-md-0 { margin-right: 0; }
  .me-md-1 { margin-right: 0.1875rem; }
  .me-md-2 { margin-right: 0.375rem; }
  .me-md-3 { margin-right: 0.75rem; }
  .me-md-4 { margin-right: 1.125rem; }
  .me-md-5 { margin-right: 2.25rem; }
  .me-md-auto { margin-right: auto; }
  .mb-md-0 { margin-bottom: 0; }
  .mb-md-1 { margin-bottom: 0.1875rem; }
  .mb-md-2 { margin-bottom: 0.375rem; }
  .mb-md-3 { margin-bottom: 0.75rem; }
  .mb-md-4 { margin-bottom: 1.125rem; }
  .mb-md-5 { margin-bottom: 2.25rem; }
  .mb-md-auto { margin-bottom: auto; }
  .ms-md-0 { margin-left: 0; }
  .ms-md-1 { margin-left: 0.1875rem; }
  .ms-md-2 { margin-left: 0.375rem; }
  .ms-md-3 { margin-left: 0.75rem; }
  .ms-md-4 { margin-left: 1.125rem; }
  .ms-md-5 { margin-left: 2.25rem; }
  .ms-md-auto { margin-left: auto; }
  .m-md-n1 { margin: -0.1875rem; }
  .m-md-n2 { margin: -0.375rem; }
  .m-md-n3 { margin: -0.75rem; }
  .m-md-n4 { margin: -1.125rem; }
  .m-md-n5 { margin: -2.25rem; }
  .mx-md-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-md-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-md-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-md-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-md-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-md-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-md-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-md-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-md-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-md-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-md-n1 { margin-top: -0.1875rem; }
  .mt-md-n2 { margin-top: -0.375rem; }
  .mt-md-n3 { margin-top: -0.75rem; }
  .mt-md-n4 { margin-top: -1.125rem; }
  .mt-md-n5 { margin-top: -2.25rem; }
  .me-md-n1 { margin-right: -0.1875rem; }
  .me-md-n2 { margin-right: -0.375rem; }
  .me-md-n3 { margin-right: -0.75rem; }
  .me-md-n4 { margin-right: -1.125rem; }
  .me-md-n5 { margin-right: -2.25rem; }
  .mb-md-n1 { margin-bottom: -0.1875rem; }
  .mb-md-n2 { margin-bottom: -0.375rem; }
  .mb-md-n3 { margin-bottom: -0.75rem; }
  .mb-md-n4 { margin-bottom: -1.125rem; }
  .mb-md-n5 { margin-bottom: -2.25rem; }
  .ms-md-n1 { margin-left: -0.1875rem; }
  .ms-md-n2 { margin-left: -0.375rem; }
  .ms-md-n3 { margin-left: -0.75rem; }
  .ms-md-n4 { margin-left: -1.125rem; }
  .ms-md-n5 { margin-left: -2.25rem; }
  .p-md-0 { padding: 0; }
  .p-md-1 { padding: 0.1875rem; }
  .p-md-2 { padding: 0.375rem; }
  .p-md-3 { padding: 0.75rem; }
  .p-md-4 { padding: 1.125rem; }
  .p-md-5 { padding: 2.25rem; }
  .px-md-0 { padding-right: 0; padding-left: 0; }
  .px-md-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-md-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-md-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-md-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-md-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-md-0 { padding-top: 0; padding-bottom: 0; }
  .py-md-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-md-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-md-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-md-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-md-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-md-0 { padding-top: 0; }
  .pt-md-1 { padding-top: 0.1875rem; }
  .pt-md-2 { padding-top: 0.375rem; }
  .pt-md-3 { padding-top: 0.75rem; }
  .pt-md-4 { padding-top: 1.125rem; }
  .pt-md-5 { padding-top: 2.25rem; }
  .pe-md-0 { padding-right: 0; }
  .pe-md-1 { padding-right: 0.1875rem; }
  .pe-md-2 { padding-right: 0.375rem; }
  .pe-md-3 { padding-right: 0.75rem; }
  .pe-md-4 { padding-right: 1.125rem; }
  .pe-md-5 { padding-right: 2.25rem; }
  .pb-md-0 { padding-bottom: 0; }
  .pb-md-1 { padding-bottom: 0.1875rem; }
  .pb-md-2 { padding-bottom: 0.375rem; }
  .pb-md-3 { padding-bottom: 0.75rem; }
  .pb-md-4 { padding-bottom: 1.125rem; }
  .pb-md-5 { padding-bottom: 2.25rem; }
  .ps-md-0 { padding-left: 0; }
  .ps-md-1 { padding-left: 0.1875rem; }
  .ps-md-2 { padding-left: 0.375rem; }
  .ps-md-3 { padding-left: 0.75rem; }
  .ps-md-4 { padding-left: 1.125rem; }
  .ps-md-5 { padding-left: 2.25rem; }
  .text-md-start { text-align: left; }
  .text-md-end { text-align: right; }
  .text-md-center { text-align: center; } }

@media (min-width: 992px) { .float-lg-start { float: left; }
  .float-lg-end { float: right; }
  .float-lg-none { float: none; }
  .d-lg-inline { display: inline; }
  .d-lg-inline-block { display: inline-block; }
  .d-lg-block { display: block; }
  .d-lg-flex { display: flex; }
  .d-lg-inline-flex { display: inline-flex; }
  .d-lg-none { display: none; }
  .flex-lg-fill { flex: 1 1 auto; }
  .flex-lg-row { flex-direction: row; }
  .flex-lg-column { flex-direction: column; }
  .flex-lg-row-reverse { flex-direction: row-reverse; }
  .flex-lg-column-reverse { flex-direction: column-reverse; }
  .flex-lg-grow-0 { flex-grow: 0; }
  .flex-lg-grow-1 { flex-grow: 1; }
  .flex-lg-shrink-0 { flex-shrink: 0; }
  .flex-lg-shrink-1 { flex-shrink: 1; }
  .flex-lg-wrap { flex-wrap: wrap; }
  .flex-lg-nowrap { flex-wrap: nowrap; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-lg-start { justify-content: flex-start; }
  .justify-content-lg-end { justify-content: flex-end; }
  .justify-content-lg-center { justify-content: center; }
  .justify-content-lg-between { justify-content: space-between; }
  .justify-content-lg-around { justify-content: space-around; }
  .justify-content-lg-evenly { justify-content: space-evenly; }
  .align-items-lg-start { align-items: flex-start; }
  .align-items-lg-end { align-items: flex-end; }
  .align-items-lg-center { align-items: center; }
  .align-content-lg-start { align-content: flex-start; }
  .align-content-lg-end { align-content: flex-end; }
  .align-content-lg-center { align-content: center; }
  .align-content-lg-between { align-content: space-between; }
  .align-content-lg-around { align-content: space-around; }
  .align-self-lg-start { align-self: flex-start; }
  .align-self-lg-end { align-self: flex-end; }
  .align-self-lg-center { align-self: center; }
  .order-lg-first { order: -1; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-last { order: 6; }
  .m-lg-0 { margin: 0; }
  .m-lg-1 { margin: 0.1875rem; }
  .m-lg-2 { margin: 0.375rem; }
  .m-lg-3 { margin: 0.75rem; }
  .m-lg-4 { margin: 1.125rem; }
  .m-lg-5 { margin: 2.25rem; }
  .m-lg-auto { margin: auto; }
  .mx-lg-0 { margin-right: 0; margin-left: 0; }
  .mx-lg-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-lg-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-lg-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-lg-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-lg-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-lg-auto { margin-right: auto; margin-left: auto; }
  .my-lg-0 { margin-top: 0; margin-bottom: 0; }
  .my-lg-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-lg-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-lg-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-lg-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-lg-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-lg-auto { margin-top: auto; margin-bottom: auto; }
  .mt-lg-0 { margin-top: 0; }
  .mt-lg-1 { margin-top: 0.1875rem; }
  .mt-lg-2 { margin-top: 0.375rem; }
  .mt-lg-3 { margin-top: 0.75rem; }
  .mt-lg-4 { margin-top: 1.125rem; }
  .mt-lg-5 { margin-top: 2.25rem; }
  .mt-lg-auto { margin-top: auto; }
  .me-lg-0 { margin-right: 0; }
  .me-lg-1 { margin-right: 0.1875rem; }
  .me-lg-2 { margin-right: 0.375rem; }
  .me-lg-3 { margin-right: 0.75rem; }
  .me-lg-4 { margin-right: 1.125rem; }
  .me-lg-5 { margin-right: 2.25rem; }
  .me-lg-auto { margin-right: auto; }
  .mb-lg-0 { margin-bottom: 0; }
  .mb-lg-1 { margin-bottom: 0.1875rem; }
  .mb-lg-2 { margin-bottom: 0.375rem; }
  .mb-lg-3 { margin-bottom: 0.75rem; }
  .mb-lg-4 { margin-bottom: 1.125rem; }
  .mb-lg-5 { margin-bottom: 2.25rem; }
  .mb-lg-auto { margin-bottom: auto; }
  .ms-lg-0 { margin-left: 0; }
  .ms-lg-1 { margin-left: 0.1875rem; }
  .ms-lg-2 { margin-left: 0.375rem; }
  .ms-lg-3 { margin-left: 0.75rem; }
  .ms-lg-4 { margin-left: 1.125rem; }
  .ms-lg-5 { margin-left: 2.25rem; }
  .ms-lg-auto { margin-left: auto; }
  .m-lg-n1 { margin: -0.1875rem; }
  .m-lg-n2 { margin: -0.375rem; }
  .m-lg-n3 { margin: -0.75rem; }
  .m-lg-n4 { margin: -1.125rem; }
  .m-lg-n5 { margin: -2.25rem; }
  .mx-lg-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-lg-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-lg-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-lg-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-lg-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-lg-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-lg-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-lg-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-lg-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-lg-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-lg-n1 { margin-top: -0.1875rem; }
  .mt-lg-n2 { margin-top: -0.375rem; }
  .mt-lg-n3 { margin-top: -0.75rem; }
  .mt-lg-n4 { margin-top: -1.125rem; }
  .mt-lg-n5 { margin-top: -2.25rem; }
  .me-lg-n1 { margin-right: -0.1875rem; }
  .me-lg-n2 { margin-right: -0.375rem; }
  .me-lg-n3 { margin-right: -0.75rem; }
  .me-lg-n4 { margin-right: -1.125rem; }
  .me-lg-n5 { margin-right: -2.25rem; }
  .mb-lg-n1 { margin-bottom: -0.1875rem; }
  .mb-lg-n2 { margin-bottom: -0.375rem; }
  .mb-lg-n3 { margin-bottom: -0.75rem; }
  .mb-lg-n4 { margin-bottom: -1.125rem; }
  .mb-lg-n5 { margin-bottom: -2.25rem; }
  .ms-lg-n1 { margin-left: -0.1875rem; }
  .ms-lg-n2 { margin-left: -0.375rem; }
  .ms-lg-n3 { margin-left: -0.75rem; }
  .ms-lg-n4 { margin-left: -1.125rem; }
  .ms-lg-n5 { margin-left: -2.25rem; }
  .p-lg-0 { padding: 0; }
  .p-lg-1 { padding: 0.1875rem; }
  .p-lg-2 { padding: 0.375rem; }
  .p-lg-3 { padding: 0.75rem; }
  .p-lg-4 { padding: 1.125rem; }
  .p-lg-5 { padding: 2.25rem; }
  .px-lg-0 { padding-right: 0; padding-left: 0; }
  .px-lg-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-lg-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-lg-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-lg-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-lg-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-lg-0 { padding-top: 0; padding-bottom: 0; }
  .py-lg-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-lg-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-lg-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-lg-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-lg-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-lg-0 { padding-top: 0; }
  .pt-lg-1 { padding-top: 0.1875rem; }
  .pt-lg-2 { padding-top: 0.375rem; }
  .pt-lg-3 { padding-top: 0.75rem; }
  .pt-lg-4 { padding-top: 1.125rem; }
  .pt-lg-5 { padding-top: 2.25rem; }
  .pe-lg-0 { padding-right: 0; }
  .pe-lg-1 { padding-right: 0.1875rem; }
  .pe-lg-2 { padding-right: 0.375rem; }
  .pe-lg-3 { padding-right: 0.75rem; }
  .pe-lg-4 { padding-right: 1.125rem; }
  .pe-lg-5 { padding-right: 2.25rem; }
  .pb-lg-0 { padding-bottom: 0; }
  .pb-lg-1 { padding-bottom: 0.1875rem; }
  .pb-lg-2 { padding-bottom: 0.375rem; }
  .pb-lg-3 { padding-bottom: 0.75rem; }
  .pb-lg-4 { padding-bottom: 1.125rem; }
  .pb-lg-5 { padding-bottom: 2.25rem; }
  .ps-lg-0 { padding-left: 0; }
  .ps-lg-1 { padding-left: 0.1875rem; }
  .ps-lg-2 { padding-left: 0.375rem; }
  .ps-lg-3 { padding-left: 0.75rem; }
  .ps-lg-4 { padding-left: 1.125rem; }
  .ps-lg-5 { padding-left: 2.25rem; }
  .text-lg-start { text-align: left; }
  .text-lg-end { text-align: right; }
  .text-lg-center { text-align: center; } }

@media (min-width: 1200px) { .float-xl-start { float: left; }
  .float-xl-end { float: right; }
  .float-xl-none { float: none; }
  .d-xl-inline { display: inline; }
  .d-xl-inline-block { display: inline-block; }
  .d-xl-block { display: block; }
  .d-xl-flex { display: flex; }
  .d-xl-inline-flex { display: inline-flex; }
  .d-xl-none { display: none; }
  .flex-xl-fill { flex: 1 1 auto; }
  .flex-xl-row { flex-direction: row; }
  .flex-xl-column { flex-direction: column; }
  .flex-xl-row-reverse { flex-direction: row-reverse; }
  .flex-xl-column-reverse { flex-direction: column-reverse; }
  .flex-xl-grow-0 { flex-grow: 0; }
  .flex-xl-grow-1 { flex-grow: 1; }
  .flex-xl-shrink-0 { flex-shrink: 0; }
  .flex-xl-shrink-1 { flex-shrink: 1; }
  .flex-xl-wrap { flex-wrap: wrap; }
  .flex-xl-nowrap { flex-wrap: nowrap; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-xl-start { justify-content: flex-start; }
  .justify-content-xl-end { justify-content: flex-end; }
  .justify-content-xl-center { justify-content: center; }
  .justify-content-xl-between { justify-content: space-between; }
  .justify-content-xl-around { justify-content: space-around; }
  .justify-content-xl-evenly { justify-content: space-evenly; }
  .align-items-xl-start { align-items: flex-start; }
  .align-items-xl-end { align-items: flex-end; }
  .align-items-xl-center { align-items: center; }
  .align-content-xl-start { align-content: flex-start; }
  .align-content-xl-end { align-content: flex-end; }
  .align-content-xl-center { align-content: center; }
  .align-content-xl-between { align-content: space-between; }
  .align-content-xl-around { align-content: space-around; }
  .align-self-xl-start { align-self: flex-start; }
  .align-self-xl-end { align-self: flex-end; }
  .align-self-xl-center { align-self: center; }
  .order-xl-first { order: -1; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-last { order: 6; }
  .m-xl-0 { margin: 0; }
  .m-xl-1 { margin: 0.1875rem; }
  .m-xl-2 { margin: 0.375rem; }
  .m-xl-3 { margin: 0.75rem; }
  .m-xl-4 { margin: 1.125rem; }
  .m-xl-5 { margin: 2.25rem; }
  .m-xl-auto { margin: auto; }
  .mx-xl-0 { margin-right: 0; margin-left: 0; }
  .mx-xl-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-xl-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-xl-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-xl-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-xl-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-xl-auto { margin-right: auto; margin-left: auto; }
  .my-xl-0 { margin-top: 0; margin-bottom: 0; }
  .my-xl-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-xl-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-xl-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-xl-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-xl-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-xl-auto { margin-top: auto; margin-bottom: auto; }
  .mt-xl-0 { margin-top: 0; }
  .mt-xl-1 { margin-top: 0.1875rem; }
  .mt-xl-2 { margin-top: 0.375rem; }
  .mt-xl-3 { margin-top: 0.75rem; }
  .mt-xl-4 { margin-top: 1.125rem; }
  .mt-xl-5 { margin-top: 2.25rem; }
  .mt-xl-auto { margin-top: auto; }
  .me-xl-0 { margin-right: 0; }
  .me-xl-1 { margin-right: 0.1875rem; }
  .me-xl-2 { margin-right: 0.375rem; }
  .me-xl-3 { margin-right: 0.75rem; }
  .me-xl-4 { margin-right: 1.125rem; }
  .me-xl-5 { margin-right: 2.25rem; }
  .me-xl-auto { margin-right: auto; }
  .mb-xl-0 { margin-bottom: 0; }
  .mb-xl-1 { margin-bottom: 0.1875rem; }
  .mb-xl-2 { margin-bottom: 0.375rem; }
  .mb-xl-3 { margin-bottom: 0.75rem; }
  .mb-xl-4 { margin-bottom: 1.125rem; }
  .mb-xl-5 { margin-bottom: 2.25rem; }
  .mb-xl-auto { margin-bottom: auto; }
  .ms-xl-0 { margin-left: 0; }
  .ms-xl-1 { margin-left: 0.1875rem; }
  .ms-xl-2 { margin-left: 0.375rem; }
  .ms-xl-3 { margin-left: 0.75rem; }
  .ms-xl-4 { margin-left: 1.125rem; }
  .ms-xl-5 { margin-left: 2.25rem; }
  .ms-xl-auto { margin-left: auto; }
  .m-xl-n1 { margin: -0.1875rem; }
  .m-xl-n2 { margin: -0.375rem; }
  .m-xl-n3 { margin: -0.75rem; }
  .m-xl-n4 { margin: -1.125rem; }
  .m-xl-n5 { margin: -2.25rem; }
  .mx-xl-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-xl-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-xl-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-xl-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-xl-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-xl-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-xl-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-xl-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-xl-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-xl-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-xl-n1 { margin-top: -0.1875rem; }
  .mt-xl-n2 { margin-top: -0.375rem; }
  .mt-xl-n3 { margin-top: -0.75rem; }
  .mt-xl-n4 { margin-top: -1.125rem; }
  .mt-xl-n5 { margin-top: -2.25rem; }
  .me-xl-n1 { margin-right: -0.1875rem; }
  .me-xl-n2 { margin-right: -0.375rem; }
  .me-xl-n3 { margin-right: -0.75rem; }
  .me-xl-n4 { margin-right: -1.125rem; }
  .me-xl-n5 { margin-right: -2.25rem; }
  .mb-xl-n1 { margin-bottom: -0.1875rem; }
  .mb-xl-n2 { margin-bottom: -0.375rem; }
  .mb-xl-n3 { margin-bottom: -0.75rem; }
  .mb-xl-n4 { margin-bottom: -1.125rem; }
  .mb-xl-n5 { margin-bottom: -2.25rem; }
  .ms-xl-n1 { margin-left: -0.1875rem; }
  .ms-xl-n2 { margin-left: -0.375rem; }
  .ms-xl-n3 { margin-left: -0.75rem; }
  .ms-xl-n4 { margin-left: -1.125rem; }
  .ms-xl-n5 { margin-left: -2.25rem; }
  .p-xl-0 { padding: 0; }
  .p-xl-1 { padding: 0.1875rem; }
  .p-xl-2 { padding: 0.375rem; }
  .p-xl-3 { padding: 0.75rem; }
  .p-xl-4 { padding: 1.125rem; }
  .p-xl-5 { padding: 2.25rem; }
  .px-xl-0 { padding-right: 0; padding-left: 0; }
  .px-xl-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-xl-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-xl-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-xl-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-xl-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-xl-0 { padding-top: 0; padding-bottom: 0; }
  .py-xl-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-xl-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-xl-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-xl-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-xl-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-xl-0 { padding-top: 0; }
  .pt-xl-1 { padding-top: 0.1875rem; }
  .pt-xl-2 { padding-top: 0.375rem; }
  .pt-xl-3 { padding-top: 0.75rem; }
  .pt-xl-4 { padding-top: 1.125rem; }
  .pt-xl-5 { padding-top: 2.25rem; }
  .pe-xl-0 { padding-right: 0; }
  .pe-xl-1 { padding-right: 0.1875rem; }
  .pe-xl-2 { padding-right: 0.375rem; }
  .pe-xl-3 { padding-right: 0.75rem; }
  .pe-xl-4 { padding-right: 1.125rem; }
  .pe-xl-5 { padding-right: 2.25rem; }
  .pb-xl-0 { padding-bottom: 0; }
  .pb-xl-1 { padding-bottom: 0.1875rem; }
  .pb-xl-2 { padding-bottom: 0.375rem; }
  .pb-xl-3 { padding-bottom: 0.75rem; }
  .pb-xl-4 { padding-bottom: 1.125rem; }
  .pb-xl-5 { padding-bottom: 2.25rem; }
  .ps-xl-0 { padding-left: 0; }
  .ps-xl-1 { padding-left: 0.1875rem; }
  .ps-xl-2 { padding-left: 0.375rem; }
  .ps-xl-3 { padding-left: 0.75rem; }
  .ps-xl-4 { padding-left: 1.125rem; }
  .ps-xl-5 { padding-left: 2.25rem; }
  .text-xl-start { text-align: left; }
  .text-xl-end { text-align: right; }
  .text-xl-center { text-align: center; } }

@media (min-width: 1400px) { .float-xxl-start { float: left; }
  .float-xxl-end { float: right; }
  .float-xxl-none { float: none; }
  .d-xxl-inline { display: inline; }
  .d-xxl-inline-block { display: inline-block; }
  .d-xxl-block { display: block; }
  .d-xxl-flex { display: flex; }
  .d-xxl-inline-flex { display: inline-flex; }
  .d-xxl-none { display: none; }
  .flex-xxl-fill { flex: 1 1 auto; }
  .flex-xxl-row { flex-direction: row; }
  .flex-xxl-column { flex-direction: column; }
  .flex-xxl-row-reverse { flex-direction: row-reverse; }
  .flex-xxl-column-reverse { flex-direction: column-reverse; }
  .flex-xxl-grow-0 { flex-grow: 0; }
  .flex-xxl-grow-1 { flex-grow: 1; }
  .flex-xxl-shrink-0 { flex-shrink: 0; }
  .flex-xxl-shrink-1 { flex-shrink: 1; }
  .flex-xxl-wrap { flex-wrap: wrap; }
  .flex-xxl-nowrap { flex-wrap: nowrap; }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse; }
  .justify-content-xxl-start { justify-content: flex-start; }
  .justify-content-xxl-end { justify-content: flex-end; }
  .justify-content-xxl-center { justify-content: center; }
  .justify-content-xxl-between { justify-content: space-between; }
  .justify-content-xxl-around { justify-content: space-around; }
  .justify-content-xxl-evenly { justify-content: space-evenly; }
  .align-items-xxl-start { align-items: flex-start; }
  .align-items-xxl-end { align-items: flex-end; }
  .align-items-xxl-center { align-items: center; }
  .align-content-xxl-start { align-content: flex-start; }
  .align-content-xxl-end { align-content: flex-end; }
  .align-content-xxl-center { align-content: center; }
  .align-content-xxl-between { align-content: space-between; }
  .align-content-xxl-around { align-content: space-around; }
  .align-self-xxl-start { align-self: flex-start; }
  .align-self-xxl-end { align-self: flex-end; }
  .align-self-xxl-center { align-self: center; }
  .order-xxl-first { order: -1; }
  .order-xxl-0 { order: 0; }
  .order-xxl-1 { order: 1; }
  .order-xxl-2 { order: 2; }
  .order-xxl-3 { order: 3; }
  .order-xxl-4 { order: 4; }
  .order-xxl-5 { order: 5; }
  .order-xxl-last { order: 6; }
  .m-xxl-0 { margin: 0; }
  .m-xxl-1 { margin: 0.1875rem; }
  .m-xxl-2 { margin: 0.375rem; }
  .m-xxl-3 { margin: 0.75rem; }
  .m-xxl-4 { margin: 1.125rem; }
  .m-xxl-5 { margin: 2.25rem; }
  .m-xxl-auto { margin: auto; }
  .mx-xxl-0 { margin-right: 0; margin-left: 0; }
  .mx-xxl-1 { margin-right: 0.1875rem; margin-left: 0.1875rem; }
  .mx-xxl-2 { margin-right: 0.375rem; margin-left: 0.375rem; }
  .mx-xxl-3 { margin-right: 0.75rem; margin-left: 0.75rem; }
  .mx-xxl-4 { margin-right: 1.125rem; margin-left: 1.125rem; }
  .mx-xxl-5 { margin-right: 2.25rem; margin-left: 2.25rem; }
  .mx-xxl-auto { margin-right: auto; margin-left: auto; }
  .my-xxl-0 { margin-top: 0; margin-bottom: 0; }
  .my-xxl-1 { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }
  .my-xxl-2 { margin-top: 0.375rem; margin-bottom: 0.375rem; }
  .my-xxl-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
  .my-xxl-4 { margin-top: 1.125rem; margin-bottom: 1.125rem; }
  .my-xxl-5 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .my-xxl-auto { margin-top: auto; margin-bottom: auto; }
  .mt-xxl-0 { margin-top: 0; }
  .mt-xxl-1 { margin-top: 0.1875rem; }
  .mt-xxl-2 { margin-top: 0.375rem; }
  .mt-xxl-3 { margin-top: 0.75rem; }
  .mt-xxl-4 { margin-top: 1.125rem; }
  .mt-xxl-5 { margin-top: 2.25rem; }
  .mt-xxl-auto { margin-top: auto; }
  .me-xxl-0 { margin-right: 0; }
  .me-xxl-1 { margin-right: 0.1875rem; }
  .me-xxl-2 { margin-right: 0.375rem; }
  .me-xxl-3 { margin-right: 0.75rem; }
  .me-xxl-4 { margin-right: 1.125rem; }
  .me-xxl-5 { margin-right: 2.25rem; }
  .me-xxl-auto { margin-right: auto; }
  .mb-xxl-0 { margin-bottom: 0; }
  .mb-xxl-1 { margin-bottom: 0.1875rem; }
  .mb-xxl-2 { margin-bottom: 0.375rem; }
  .mb-xxl-3 { margin-bottom: 0.75rem; }
  .mb-xxl-4 { margin-bottom: 1.125rem; }
  .mb-xxl-5 { margin-bottom: 2.25rem; }
  .mb-xxl-auto { margin-bottom: auto; }
  .ms-xxl-0 { margin-left: 0; }
  .ms-xxl-1 { margin-left: 0.1875rem; }
  .ms-xxl-2 { margin-left: 0.375rem; }
  .ms-xxl-3 { margin-left: 0.75rem; }
  .ms-xxl-4 { margin-left: 1.125rem; }
  .ms-xxl-5 { margin-left: 2.25rem; }
  .ms-xxl-auto { margin-left: auto; }
  .m-xxl-n1 { margin: -0.1875rem; }
  .m-xxl-n2 { margin: -0.375rem; }
  .m-xxl-n3 { margin: -0.75rem; }
  .m-xxl-n4 { margin: -1.125rem; }
  .m-xxl-n5 { margin: -2.25rem; }
  .mx-xxl-n1 { margin-right: -0.1875rem; margin-left: -0.1875rem; }
  .mx-xxl-n2 { margin-right: -0.375rem; margin-left: -0.375rem; }
  .mx-xxl-n3 { margin-right: -0.75rem; margin-left: -0.75rem; }
  .mx-xxl-n4 { margin-right: -1.125rem; margin-left: -1.125rem; }
  .mx-xxl-n5 { margin-right: -2.25rem; margin-left: -2.25rem; }
  .my-xxl-n1 { margin-top: -0.1875rem; margin-bottom: -0.1875rem; }
  .my-xxl-n2 { margin-top: -0.375rem; margin-bottom: -0.375rem; }
  .my-xxl-n3 { margin-top: -0.75rem; margin-bottom: -0.75rem; }
  .my-xxl-n4 { margin-top: -1.125rem; margin-bottom: -1.125rem; }
  .my-xxl-n5 { margin-top: -2.25rem; margin-bottom: -2.25rem; }
  .mt-xxl-n1 { margin-top: -0.1875rem; }
  .mt-xxl-n2 { margin-top: -0.375rem; }
  .mt-xxl-n3 { margin-top: -0.75rem; }
  .mt-xxl-n4 { margin-top: -1.125rem; }
  .mt-xxl-n5 { margin-top: -2.25rem; }
  .me-xxl-n1 { margin-right: -0.1875rem; }
  .me-xxl-n2 { margin-right: -0.375rem; }
  .me-xxl-n3 { margin-right: -0.75rem; }
  .me-xxl-n4 { margin-right: -1.125rem; }
  .me-xxl-n5 { margin-right: -2.25rem; }
  .mb-xxl-n1 { margin-bottom: -0.1875rem; }
  .mb-xxl-n2 { margin-bottom: -0.375rem; }
  .mb-xxl-n3 { margin-bottom: -0.75rem; }
  .mb-xxl-n4 { margin-bottom: -1.125rem; }
  .mb-xxl-n5 { margin-bottom: -2.25rem; }
  .ms-xxl-n1 { margin-left: -0.1875rem; }
  .ms-xxl-n2 { margin-left: -0.375rem; }
  .ms-xxl-n3 { margin-left: -0.75rem; }
  .ms-xxl-n4 { margin-left: -1.125rem; }
  .ms-xxl-n5 { margin-left: -2.25rem; }
  .p-xxl-0 { padding: 0; }
  .p-xxl-1 { padding: 0.1875rem; }
  .p-xxl-2 { padding: 0.375rem; }
  .p-xxl-3 { padding: 0.75rem; }
  .p-xxl-4 { padding: 1.125rem; }
  .p-xxl-5 { padding: 2.25rem; }
  .px-xxl-0 { padding-right: 0; padding-left: 0; }
  .px-xxl-1 { padding-right: 0.1875rem; padding-left: 0.1875rem; }
  .px-xxl-2 { padding-right: 0.375rem; padding-left: 0.375rem; }
  .px-xxl-3 { padding-right: 0.75rem; padding-left: 0.75rem; }
  .px-xxl-4 { padding-right: 1.125rem; padding-left: 1.125rem; }
  .px-xxl-5 { padding-right: 2.25rem; padding-left: 2.25rem; }
  .py-xxl-0 { padding-top: 0; padding-bottom: 0; }
  .py-xxl-1 { padding-top: 0.1875rem; padding-bottom: 0.1875rem; }
  .py-xxl-2 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
  .py-xxl-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .py-xxl-4 { padding-top: 1.125rem; padding-bottom: 1.125rem; }
  .py-xxl-5 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .pt-xxl-0 { padding-top: 0; }
  .pt-xxl-1 { padding-top: 0.1875rem; }
  .pt-xxl-2 { padding-top: 0.375rem; }
  .pt-xxl-3 { padding-top: 0.75rem; }
  .pt-xxl-4 { padding-top: 1.125rem; }
  .pt-xxl-5 { padding-top: 2.25rem; }
  .pe-xxl-0 { padding-right: 0; }
  .pe-xxl-1 { padding-right: 0.1875rem; }
  .pe-xxl-2 { padding-right: 0.375rem; }
  .pe-xxl-3 { padding-right: 0.75rem; }
  .pe-xxl-4 { padding-right: 1.125rem; }
  .pe-xxl-5 { padding-right: 2.25rem; }
  .pb-xxl-0 { padding-bottom: 0; }
  .pb-xxl-1 { padding-bottom: 0.1875rem; }
  .pb-xxl-2 { padding-bottom: 0.375rem; }
  .pb-xxl-3 { padding-bottom: 0.75rem; }
  .pb-xxl-4 { padding-bottom: 1.125rem; }
  .pb-xxl-5 { padding-bottom: 2.25rem; }
  .ps-xxl-0 { padding-left: 0; }
  .ps-xxl-1 { padding-left: 0.1875rem; }
  .ps-xxl-2 { padding-left: 0.375rem; }
  .ps-xxl-3 { padding-left: 0.75rem; }
  .ps-xxl-4 { padding-left: 1.125rem; }
  .ps-xxl-5 { padding-left: 2.25rem; }
  .text-xxl-start { text-align: left; }
  .text-xxl-end { text-align: right; }
  .text-xxl-center { text-align: center; } }

.modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { transform: none; }

.modal.modal-static .modal-dialog { transform: scale(1.02); }

.modal-dialog-scrollable { height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0.75rem 0.75rem; border-bottom: 1px solid #1a353e; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.modal-header .btn-close { padding: 0.375rem 0.375rem; margin: -0.375rem -0.375rem -0.375rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.35; }

.modal-body { position: relative; flex: 1 1 auto; padding: 0.75rem; }

.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.5rem; border-top: 1px solid #1a353e; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.modal-footer > * { margin: 0.25rem; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { height: calc(100% - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; }

.modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; }

.modal-fullscreen .modal-header { border-radius: 0; }

.modal-fullscreen .modal-body { overflow-y: auto; }

.modal-fullscreen .modal-footer { border-radius: 0; }

@media (max-width: 374.98px) { .modal-fullscreen-m-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-m-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-m-down .modal-header { border-radius: 0; }
  .modal-fullscreen-m-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-m-down .modal-footer { border-radius: 0; } }

@media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-sm-down .modal-header { border-radius: 0; }
  .modal-fullscreen-sm-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } }

@media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-md-down .modal-header { border-radius: 0; }
  .modal-fullscreen-md-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-md-down .modal-footer { border-radius: 0; } }

@media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-lg-down .modal-header { border-radius: 0; }
  .modal-fullscreen-lg-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } }

@media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-xl-down .modal-header { border-radius: 0; }
  .modal-fullscreen-xl-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } }

@media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; }
  .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; }
  .modal-fullscreen-xxl-down .modal-header { border-radius: 0; }
  .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }
  .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } }

.offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #ffffff; background-clip: padding-box; outline: 0; transition: transform 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } }

.offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.offcanvas-backdrop.fade { opacity: 0; }

.offcanvas-backdrop.show { opacity: 0.5; }

.offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 1.5rem; }

.offcanvas-header .btn-close { padding: 0.75rem 0.75rem; margin-top: -0.75rem; margin-right: -0.75rem; margin-bottom: -0.75rem; }

.offcanvas-title { margin-bottom: 0; line-height: 1.35; }

.offcanvas-body { flex-grow: 1; padding: 1.5rem 1.5rem; overflow-y: auto; }

.offcanvas-start { top: 0; left: 0; width: 23.4375rem; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); }

.offcanvas-end { top: 0; right: 0; width: 23.4375rem; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); }

.offcanvas-top { top: 0; right: 0; left: 0; height: 21.875rem; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); }

.offcanvas-bottom { right: 0; left: 0; height: 21.875rem; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); }

.offcanvas.show { transform: none; }

/*# sourceMappingURL=libs.css.map */

/* End */


/* Start:/local/layout/public/css/common.css?174478976997368*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }

.page { height: 100%; transition: all 0.5s ease-in-out; }

.page--hide { opacity: 0; visibility: hidden; }

.page__wrapper { display: flex; flex-direction: column; min-height: 100%; }

.page__content { width: 100%; padding: 0 16px; }

@media (min-width: 1200px) { .page__content { padding: 0 32px; } }

@media (min-width: 1400px) { .page__content { width: 1312px; margin: 0 auto; padding: 0; } }

.page-init { transition: all 1s ease-in-out; }

.page-init--hide { transform: scale(0.8); opacity: 0; }

html, body { margin-right: calc(-1 * (100vw - 100%)); }

body { overflow-x: hidden !important; padding: 0px !important; }

.main-loader { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; background-color: #ffffff; }

.main-loader--hide { opacity: 0; visibility: hidden; }

.main-loader img { -o-object-fit: contain; object-fit: contain; height: 100px; width: 100px; -webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; }

@-webkit-keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); } }

@keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); } }

.back-button { display: flex; align-items: center; gap: 8px; }

.back-button:hover { color: #991520; }

.back-button .back-icon { transition: all 0.4s ease-in-out; transform: rotate(180deg) translateY(3px); }

.back-button span { transition: all 0.4s ease-in-out; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body { font-size: 1rem; margin: 0; font-family: "Montserrat", "sans-serif"; font-weight: 400; line-height: 1.35; color: #1a353e; background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(26, 53, 62, 0); }

hr { margin: 0 0; color: #1a353e; background-color: currentColor; border: 0; }

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

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

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

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

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 { font-family: "Montserrat", "sans-serif"; font-size: 16px; line-height: 22.4px; letter-spacing: 0.01em; margin: 0 0 12px; }

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: 0.375rem; font-style: normal; line-height: inherit; }

ul, ol, li { padding: 0; list-style: none; }

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

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

dt { font-weight: 700; }

dd { margin-bottom: 0.375rem; margin-left: 0; }

blockquote { margin: 0 0 1.125rem; }

b, strong { font-weight: 700; }

small { font-size: 0.875em; }

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

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

a:hover { color: #000000; }

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

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

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

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: #ffffff; background-color: #e6e6e6; border-radius: 4px; }

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

figure { margin: 0 0 1.125rem; }

img { max-width: 100%; }

svg { max-width: 100%; max-height: 100%; stroke-width: 0; fill: currentColor; pointer-events: none; }

img, svg { vertical-align: middle; }

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

caption { padding-top: 0.5625rem; padding-bottom: 0.5625rem; 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; border: none; padding: 0; margin: 0; background-color: transparent; color: inherit; display: inline-block; }

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

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

input[type="number"] { -moz-appearance: textfield; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

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: none; }

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

legend { float: left; width: 100%; padding: 0; margin-bottom: 0.375rem; font-size: 1.25rem; line-height: inherit; }

legend + * { clear: left; }

::-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; -webkit-appearance: button; }

output { display: inline-block; }

iframe { border: 0; }

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

progress { vertical-align: baseline; }

[hidden] { display: none !important; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
.header { position: fixed; z-index: 100; width: 100vw; padding: 12px 0; transition: all 0.5s ease-in-out; border-bottom: 1px solid transparent; }

@media (min-width: 1200px) { .header { padding: 28px 0; } }

.header--color { background-color: #ffffff; color: #1a353e; border-bottom: 1px solid #c7cccf; }

.header--color .header__button { visibility: hidden; opacity: 0; }

.header--color .header__button--colored { visibility: visible; opacity: 1; }

.header--color .header__burger-line { background-color: #1a353e; }

.header--hide { transform: translateY(-100%); }

.header--hide .header__buttons, .header--hide .header__burger { transform: translateY(-100px); }

.header__wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; }

.header__burger { transition: transform 0.3s ease-in-out 1s, height 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: space-between; width: 44px; height: 18px; }

.header__burger:hover { height: 30px; }

.header__burger-line { height: 2px; width: 100%; background-color: #ffffff; border-radius: 2px; transition: transform 0.3s ease-in-out; }

.header__buttons { transition: transform 0.3s ease-in-out 1s; }

.header__buttons-item { position: relative; }

.header__button--tg svg { transform: scale(0.8) translateX(-1px) !important; }

.header__button--mob svg { transform: scale(1.05) translate(5px, 3px) !important; }

@media (min-width: 1200px) { .header__button--mob { display: none !important; } }

.header__button--desc { display: none !important; }

@media (min-width: 1200px) { .header__button--desc { display: flex !important; } }

.header__button--colored { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; }

.header__buttons { display: flex; align-items: center; gap: 12px; }

.header__logo { position: absolute; left: 50%; transform: translateX(-50%); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
.footer { background-color: #1a353e; color: #ffffff; padding: 56px 0; }

@media (min-width: 1200px) { .footer { padding: 60px 0; } }

.footer__content { display: grid; grid-template-columns: 1fr; gap: 40px; grid-template-areas: "slogan" "contacts" "nav"; }

@media (min-width: 1200px) { .footer__content { grid-template-columns: 2fr 1fr 1fr; grid-template-areas: "slogan slogan nav contacts"; gap: 32px; } }

.footer__slogan { font-family: "Raleway Medium", "sans-serif"; font-size: 32px; line-height: 32px; letter-spacing: 0.01em; }

@media (min-width: 1200px) { .footer__slogan { font-size: 70px; line-height: 80px; } }

.footer__left { display: flex; flex-direction: column; gap: 30px; justify-content: space-between; align-items: flex-start; grid-area: slogan; }

@media (min-width: 1200px) { .footer__left { gap: 60px; } }

.footer__nav { grid-area: nav; }

.footer__nav nav { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; }

@media (min-width: 1200px) { .footer__nav nav { display: flex; flex-direction: column; align-items: flex-start; } }

.footer__nav nav a { padding: 8px 0 12px; position: relative; }

@media (min-width: 1200px) { .footer__nav nav a { padding: 12px 0; } }

.footer__nav nav a::before { position: absolute; content: ""; width: 0; height: 1px; left: 0; bottom: 0; background-color: #ffffff; opacity: 0; transition: all 0.4s ease-in-out; }

.footer__nav nav a:active { color: #ffffff; }

.footer__nav nav a:active::before { width: 100%; opacity: 1; }

.footer__nav nav a:hover { color: #ffffff; }

@media (min-width: 1200px) { .footer__nav nav a:hover::before { width: 100%; opacity: 1; } }

.footer__contacts { display: flex; flex-direction: column; justify-content: space-between; grid-area: contacts; }

.footer__contacts a { transition: all 0.25s ease-in-out; }

.footer__contacts a:hover { color: #991520; }

.footer__contacts-block { display: flex; flex-direction: column; gap: 20px; }

.footer__contacts-block-content { display: flex; justify-content: space-between; }

.footer__contacts-title { font-family: "Montserrat Semibold", "sans-serif"; }

@media (min-width: 1200px) { .footer__contacts-title { padding: 8px 0 12px; } }

.footer__contacts-links { display: flex; flex-direction: column; }

.footer__contacts-icons { display: flex; gap: 18px; }

.footer__contacts-address { margin: 0; }

.footer__contacts-address--mob { display: block; }

.footer__contacts-address--mob p { margin: 0; }

@media (min-width: 1200px) { .footer__contacts-address--mob { display: none; } }

.footer__contacts-address--desc { display: none; }

@media (min-width: 1200px) { .footer__contacts-address--desc { display: block; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
.form__group { display: flex; flex-direction: column-reverse; width: 100%; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.form__label { display: block; transition: all 0.25s ease-in-out; }

.form__field { width: 100%; border: none; border-bottom: 1px solid #c7cccf; font-size: 16px; line-height: 22.4px; padding: 12px; color: #1a353e; transition: all 0.25s ease-in-out; background-color: transparent; }

@media (min-width: 1200px) { .form__field { padding: 24px 12px 16px; } }

.form__field.placeholder { transition: all 0.15s ease; font-size: 0.875rem; }

.form__field:-moz-placeholder { -moz-transition: all 0.15s ease; transition: all 0.15s ease; font-size: 0.875rem; }

.form__field::-moz-placeholder { -moz-transition: all 0.15s ease; transition: all 0.15s ease; font-size: 0.875rem; }

.form__field:-ms-input-placeholder { -ms-transition: all 0.15s ease; transition: all 0.15s ease; font-size: 0.875rem; }

.form__field::-webkit-input-placeholder { -webkit-transition: all 0.15s ease; transition: all 0.15s ease; font-size: 0.875rem; }

.form__field:focus, .form__field:focus-visible { border: none; border-bottom: 1px solid #1a353e; outline: none; }

.form__field:focus.placeholder, .form__field:focus-visible.placeholder { opacity: 0; transform: translateX(0.375rem); }

.form__field:focus:-moz-placeholder, .form__field:focus-visible:-moz-placeholder { opacity: 0; transform: translateX(0.375rem); }

.form__field:focus::-moz-placeholder, .form__field:focus-visible::-moz-placeholder { opacity: 0; transform: translateX(0.375rem); }

.form__field:focus:-ms-input-placeholder, .form__field:focus-visible:-ms-input-placeholder { opacity: 0; transform: translateX(0.375rem); }

.form__field:focus::-webkit-input-placeholder, .form__field:focus-visible::-webkit-input-placeholder { opacity: 0; transform: translateX(0.375rem); }

.form__field:focus + .form__label, .form__field:focus-visible + .form__label { color: #c7cccf; }

.form__select { width: 100%; }

.form__dropdown-button { position: relative; text-align: left; width: 100%; padding-right: 1.75rem; z-index: 1; }

.form__dropdown-button .svg-icon { transition: transform 0.15s ease; position: absolute; right: 0.4375rem; top: 50%; width: 0.875rem; height: 0.875rem; transform-origin: center center; transform: translateY(-50%) rotateX(0); will-change: transform; }

.form__dropdown-button:hover { cursor: pointer; }

.form__dropdown-button.show .svg-icon { transform: translateY(-50%) rotateX(180deg); }

.form__dropdown-button .spinner-border { color: #1a353e; }

.form__dropdown-list { background-color: #ffffff; box-shadow: 0 0.45rem 1.5rem 0 rgba(26, 53, 62, 0.1); border-radius: 4px; }

.form__dropdown-list-item { transition: background-color 0.15s ease; cursor: pointer; background-color: #ffffff; }

.form__dropdown-list-item.is-selected { color: #c7cccf; }

.form__dropdown-list-item:hover, .form__dropdown-list-item.is-selected { background-color: rgba(26, 53, 62, 0.05); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.radio__content, .checkbox__content { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.radio__content:before, .radio__content:after, .checkbox__content:before, .checkbox__content:after { content: ""; display: block; position: absolute; }

.radio__content:before, .checkbox__content:before { border: 1px solid; left: 0; top: 2px; }

.radio__content:after, .checkbox__content:after { transition: transform 0.15s ease; transform: scale3d(0, 0, 0); }

.form__radio, .form__checkbox { cursor: pointer; }

.form__radio input, .form__checkbox input { position: absolute; z-index: -1; opacity: 0; }

.form__radio input:checked + .radio__content:after, .form__radio input:checked + .checkbox__content:after, .form__checkbox input:checked + .radio__content:after, .form__checkbox input:checked + .checkbox__content:after { transform: scale3d(1, 1, 1) rotate(-45deg); }

.form__radio .radio__content { padding-left: 24px; }

.form__radio .radio__content:before, .form__radio .radio__content:after { border-radius: 50%; }

.form__radio .radio__content:before { width: 16px; height: 16px; }

.form__radio .radio__content:after { width: 8px; height: 8px; top: calc(4px + 2px); left: 4px; }

.form__checkbox .checkbox__content { padding-left: 24px; }

.form__checkbox .checkbox__content:before { width: 16px; height: 16px; }

.form__checkbox .checkbox__content:after { width: 8px; height: 5.33333px; top: calc(4px + 2px); left: 4px; border-left: 1px solid #1a353e; border-bottom: 1px solid #1a353e; transform: scale(0); }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.form__group { position: relative; }

.form__group.is-need-validate { padding-bottom: 1.125rem; }

.form__group.is-need-validate .form__group-notify { font-size: 0.875rem; white-space: nowrap; position: absolute; left: 0; bottom: 0; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
.ratio .lazy__image { position: absolute; }

.lazy__image { position: relative; }

.lazy__image-element { transition: opacity, 0.3s; opacity: 0; }

@media (prefers-reduced-motion: reduce) { .lazy__image-element { transition: none; } }

.lazy__image-element.is-loaded { opacity: 1; }

.lazy__image-element.is-error:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }

.lazy__image-element.is-error:after { font-size: 0.875rem; font-family: "Montserrat", "sans-serif"; content: attr(data-error); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; font-style: italic; }

.lazy__image-element.is-error + .lazy__image-loader .spinner-border { -webkit-animation: none; animation: none; border: 0 none; }

.lazy__image-element[style^='background-image'] { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.lazy__image-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1.75em; max-height: 1.75em; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
[data-bs-toggle="modal"] { cursor: pointer; /* pointer: fine - Desktop/Laptop and Desktop/Laptop+Touchscreen any-pointer: fine - Touchscreen+Mouse and Desktop/Laptop and Touchscreen and Desktop/Laptop+Touchscreen */ }

.modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #1a353eb2; padding-right: 0 !important; }

.modal-dialog { width: 100%; margin: 0; align-items: flex-end; min-height: 100%; }

@media (min-width: 1200px) { .modal-dialog { max-width: calc(100vw - 200px); align-items: center; min-height: calc(100% - 1em); } }

.modal-content { border-radius: 16px 16px 0px 0px; overflow: unset !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media (min-width: 1200px) { .modal-content { border-radius: 0; margin: auto; } }

.modal-body { overflow-x: hidden; padding: 0; }

.modal-close { position: absolute; width: 60px; height: 72px; display: flex; align-items: center; justify-content: center; top: 0; right: 0; z-index: 2; transition: all 0.5s ease-in-out; color: #c7cccf; }

@media (min-width: 1200px) { .modal-close { right: -80px; background: #ffffff4d; width: 80px; height: 80px; color: #1a353e; } }

.modal-close svg { width: 1.5rem; height: 1.5rem; }

@media (min-width: 1200px) { .modal-close:hover { background: #ffffff; } }

.modal-close:hover svg { color: #1a353e; }

.modal-open .page { filter: blur(4px); }

.modal--video .modal-content { width: 100vw; }

@media (min-width: 1200px) { .modal--video .modal-content { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }

.modal-video { width: 100vw; padding: 60px 16px 30px; position: relative; box-sizing: border-box; }

@media (min-width: 1200px) { .modal-video { width: 600px; padding: 30px 35px; } }

.modal-video .video-js { width: 100%; max-width: calc(100vw - 32px); height: 500px; }

@media (min-width: 1200px) { .modal-video .video-js { height: 760px; } }

.modal-consult { padding: 20px 16px; width: 100vw; }

@media (min-width: 1200px) { .modal-consult { padding: 60px 65px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }

.modal-success { padding: 60px 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 48px; min-width: 100vw; min-height: 350px; }

@media (min-width: 1200px) { .modal-success { padding: 60px 65px; min-width: 560px; } }

.modal-success-title, .modal-success-desc { text-align: center; }

.modal-success-desc p { font-size: 20px; line-height: 28px; margin: 0; }

.menu-wrapper { width: 100vw; height: 100vh; transition: all 1s ease-in-out; background-color: #1a353e; color: #ffffff; overflow: hidden; transform: translateY(-100%); position: fixed; top: 0; left: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; }

.menu-wrapper.show { visibility: visible; transform: translateY(0); }

.menu-wrapper.hide { display: none; }

.offcanvas-header, .offcanvas-body { padding: 0; }

.offcanvas-header-wr { display: flex; align-items: center; justify-content: space-between; }

@media (min-width: 1200px) { .offcanvas-logo { display: none; } }

.offcanvas-close { transition: all 0.4s ease-in-out; }

.offcanvas-close:hover { transform: scale(1.2) rotate(90deg); }

.offcanvas-body { height: 100%; position: relative; z-index: 1; }

.offcanvas-body .page__content { height: 100%; }

.offcanvas-wr { position: relative; width: 100%; height: 100%; padding: 42px 0 70px; overflow: hidden; }

.offcanvas-wr::before { content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100vw; background-color: #991520; transform: rotate(25deg) translate(80vw, 5%); }

@media (min-width: 1200px) { .offcanvas-wr::before { width: calc(((100vw - 1312px) / 2) + (1312px / 3)); transform: none; } }

.menu { display: grid; grid-template-columns: 1fr; align-items: center; height: 100%; }

@media (min-width: 1200px) { .menu { grid-template-columns: 2fr 1fr; } }

.menu__nav { padding-top: 40px; }

.menu__nav nav { display: flex; flex-direction: column; align-items: flex-start; }

.menu__nav nav a { font-family: "Raleway Medium", "sans-serif"; font-size: 32px; line-height: 32px; letter-spacing: 0.01em; text-transform: uppercase; position: relative; padding: 8px 0 16px; }

@media (min-width: 1200px) { .menu__nav nav a { font-size: 56px; line-height: 56px; padding: 12px 0 20px; } }

.menu__nav nav a::before { position: absolute; content: ""; width: 0; height: 1px; left: 0; bottom: 0; background-color: #ffffff; opacity: 0; transition: all 0.4s ease-in-out; }

.menu__nav nav a:active { color: #ffffff; }

.menu__nav nav a:active::before { width: 100%; opacity: 1; }

.menu__nav nav a:hover { color: #ffffff; }

@media (min-width: 1200px) { .menu__nav nav a:hover::before { width: 100%; opacity: 1; } }

.menu__contacts { flex-direction: column; align-items: center; gap: 60px; position: relative; padding-left: 80px; display: none; }

@media (min-width: 1200px) { .menu__contacts { display: flex; } }

.menu__buttons { display: flex; gap: 12px; justify-content: flex-start; align-items: flex-start; }

@media (min-width: 1200px) { .menu__buttons { display: none; } }

.menu__buttons button { width: 41px; }

.menu__buttons button:nth-child(1) svg { transform: scale(1.05) translate(5px, 2px); }

.menu__buttons button:nth-child(2) svg { transform: scale(0.8) translateX(-1px); }

.menu__buttons button:nth-child(3) svg { transform: scale(0.9) translateX(1px); }

.menu__content { display: flex; flex-direction: column; align-items: center; gap: 40px; }

.menu__content a { transition: all 0.25s ease-in-out; }

.menu__content a:hover { color: #1a353e; }

.menu__content-links { display: flex; flex-direction: column; gap: 10px; }

.menu__content-icons { display: flex; gap: 20px; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
.button { display: flex; align-items: center; transition: all 0.5s ease-in-out, transform 0.5s ease-in-out 1s; font-family: "Montserrat Medium", "sans-serif"; font-size: 14px; line-height: 14px; width: 100%; }

@media (min-width: 1200px) { .button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 16px; line-height: 16px; } }

.button--primary:active .button__content-clone, .button--primary:hover .button__content-clone, .button--secondary:active .button__content-clone, .button--secondary:hover .button__content-clone, .button--primary-dark:active .button__content-clone, .button--primary-dark:hover .button__content-clone, .button--primary-transparent:active .button__content-clone, .button--primary-transparent:hover .button__content-clone, .button--primary-transparent-red:active .button__content-clone, .button--primary-transparent-red:hover .button__content-clone { -webkit-clip-path: polygon(-100% 125%, 200% 125%, 200% 275%, -100% 275%); clip-path: polygon(-100% 125%, 200% 125%, 200% 275%, -100% 275%); transform: translateY(-150%) rotate(2deg); }

.button--primary:active .button__content-clone + .button__content-clone, .button--primary:hover .button__content-clone + .button__content-clone, .button--secondary:active .button__content-clone + .button__content-clone, .button--secondary:hover .button__content-clone + .button__content-clone, .button--primary-dark:active .button__content-clone + .button__content-clone, .button--primary-dark:hover .button__content-clone + .button__content-clone, .button--primary-transparent:active .button__content-clone + .button__content-clone, .button--primary-transparent:hover .button__content-clone + .button__content-clone, .button--primary-transparent-red:active .button__content-clone + .button__content-clone, .button--primary-transparent-red:hover .button__content-clone + .button__content-clone { -webkit-clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%); clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%); transform: translateY(0); }

.button--primary:active .button__icon-clone, .button--primary:hover .button__icon-clone, .button--secondary:active .button__icon-clone, .button--secondary:hover .button__icon-clone, .button--primary-dark:active .button__icon-clone, .button--primary-dark:hover .button__icon-clone, .button--primary-transparent:active .button__icon-clone, .button--primary-transparent:hover .button__icon-clone, .button--primary-transparent-red:active .button__icon-clone, .button--primary-transparent-red:hover .button__icon-clone { -webkit-clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%); clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%); transform: translate(150%, 2px); }

.button--primary:active .button__icon-clone + .button__icon-clone, .button--primary:hover .button__icon-clone + .button__icon-clone, .button--secondary:active .button__icon-clone + .button__icon-clone, .button--secondary:hover .button__icon-clone + .button__icon-clone, .button--primary-dark:active .button__icon-clone + .button__icon-clone, .button--primary-dark:hover .button__icon-clone + .button__icon-clone, .button--primary-transparent:active .button__icon-clone + .button__icon-clone, .button--primary-transparent:hover .button__icon-clone + .button__icon-clone, .button--primary-transparent-red:active .button__icon-clone + .button__icon-clone, .button--primary-transparent-red:hover .button__icon-clone + .button__icon-clone { -webkit-clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%); clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%); transform: translate(2px, 2px); }

.button--primary, .button--primary-dark, .button--primary-transparent, .button--primary-transparent-red { padding: 0; }

@media (min-width: 1200px) { .button--primary, .button--primary-dark, .button--primary-transparent, .button--primary-transparent-red { gap: 10px; } }

.button--primary .button__content, .button--primary-dark .button__content, .button--primary-transparent .button__content, .button--primary-transparent-red .button__content { width: 100%; padding: 20px 13px; }

@media (min-width: 1200px) { .button--primary .button__content, .button--primary-dark .button__content, .button--primary-transparent .button__content, .button--primary-transparent-red .button__content { min-width: 246px; width: auto; padding: 20px 24px; } }

.button--small .button__content { width: 100%; padding: 13px 22px; }

@media (min-width: 1200px) { .button--small .button__content { min-width: 190px; width: auto; } }

.button--small .button__icon { border-left: none; padding: 8px 6px; }

.button--primary, .button--primary-simple { background-color: #ffffff; color: #1a353e; border: 1px solid #1a353e; }

.button--primary:active, .button--primary:hover, .button--primary-simple:active, .button--primary-simple:hover { background-color: #1a353e; color: #ffffff; border-color: #ffffff; }

.button--primary:active .button__icon, .button--primary:hover .button__icon, .button--primary-simple:active .button__icon, .button--primary-simple:hover .button__icon { border-left-color: #ffffff; }

.button--primary:active .button__icon, .button--primary:hover .button__icon { border-left-color: #ffffff; }

.button--primary-dark { background-color: #1a353e; color: #ffffff; border: 1px solid #ffffff; }

.button--primary-dark .button__icon { border-left-color: #ffffff; }

.button--primary-dark:active, .button--primary-dark:hover { background-color: #991520; }

.button--primary-transparent { background-color: transparent; color: #1a353e; border: 1px solid #1a353e; }

.button--primary-transparent:active, .button--primary-transparent:hover { background-color: #1a353e; color: #ffffff; }

.button--primary-transparent-red { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; }

.button--primary-transparent-red:active, .button--primary-transparent-red:hover { background-color: #991520; color: #ffffff; }

.button--secondary, .button--secondary-simple { border: 1px solid #ffffff; color: #ffffff; background: rgba(255, 255, 255, 0.1); height: 42px; }

.button--secondary:active, .button--secondary:hover, .button--secondary-simple:active, .button--secondary-simple:hover { background: rgba(255, 255, 255, 0.4); }

.button--secondary .button__content, .button--secondary-simple .button__content { width: 100%; padding: 12px 22px; }

@media (min-width: 1200px) { .button--secondary .button__content, .button--secondary-simple .button__content { min-width: 190px; width: auto; } }

.button--secondary-simple { color: #ffffff; }

.button--secondary-simple .button__icon { border-left: none; padding: 8px 6px; }

.button--secondary-simple .button__icon svg { margin-right: 0px; }

.button--secondary-simple:active .button__icon svg, .button--secondary-simple:hover .button__icon svg { color: #ffffff; }

.button__icon { border-left: 1px solid #1a353e; padding: 16px 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

@media (min-width: 1200px) { .button__icon { padding: 18px 16px; } }

.button__logo { height: 40px; width: 50px; position: relative; display: flex; }

.button__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.button__content, .button__icon { display: flex; justify-content: center; position: relative; z-index: 1; }

.button__content-clone { position: relative; -webkit-clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%); clip-path: polygon(-100% -25%, 200% -25%, 200% 125%, -100% 125%); transform: translateY(0); transition-duration: 0.4s; transition-property: transform, -webkit-clip-path; transition-property: transform, clip-path; transition-property: transform, clip-path, -webkit-clip-path; transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99); visibility: visible; will-change: transform, clip-path; }

.button__content-clone + .button__content-clone { -webkit-clip-path: polygon(-100% -175%, 200% -175%, 200% -25%, -100% -25%); clip-path: polygon(-100% -175%, 200% -175%, 200% -25%, -100% -25%); transform: translateY(150%) rotate(2deg); }

.button__content-clone ~ .button__content-clone { position: absolute; }

.button__icon-clone { position: relative; -webkit-clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%); clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%); transform: translate(2px, 2px); transition-duration: 0.4s; transition-property: transform, -webkit-clip-path; transition-property: transform, clip-path; transition-property: transform, clip-path, -webkit-clip-path; transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99); visibility: visible; will-change: transform, clip-path; margin-right: 4px; flex-shrink: 0; display: block; }

.button__icon-clone + .button__icon-clone { -webkit-clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%); clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%); transform: translate(-150%, 2px); }

.button__icon-clone ~ .button__icon-clone { position: absolute; }

.title { margin: 0; }

.title--h2 { font-family: "Raleway Medium", "sans-serif"; font-size: 32px; line-height: 32px; color: #1a353e; }

@media (min-width: 1200px) { .title--h2 { font-size: 70px; line-height: 80px; } }

.title--dot::before { content: ""; background-color: #991520; border-radius: 50%; width: 6px; height: 6px; display: inline-block; margin: auto 16px 8px 0; }

@media (min-width: 1200px) { .title--dot::before { width: 12px; height: 12px; margin: auto 20px 16px 0; } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
.toast { transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); padding: 0.75rem 1.5rem; display: inline-flex; align-items: center; box-shadow: 0 0.45rem 0.375rem rgba(26, 53, 62, 0.15); border-radius: 4px; position: fixed; opacity: 0; max-width: calc(50% - 1.5rem); z-index: 7; color: #ffffff; }

.toast.status--success { background-color: #1a353e; }

.toast.status--danger { background-color: #991520; }

.toast-text { font-size: 0.875rem; margin-bottom: 0; padding-left: 1.125rem; padding-right: 0.75rem; font-weight: 500; }

.toast-close { color: inherit; width: 2em; height: 2em; padding: 0 0.5em; }

.toast-right { right: 15px; }

.toast-left { left: 15px; }

.toast-top { top: -150px; }

.toast-bottom { bottom: -150px; }

.toast-icon { width: 1.7em; height: 1.7em; margin-right: 1em; }

.toast-center { margin-left: auto; margin-right: auto; left: 0; right: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; }

.toast.is-active { opacity: 1; }

@media (max-width: 374.98px) { .toast-right, .toast-left { margin-left: auto; margin-right: auto; left: 0; right: 0; max-width: calc(100% - 1.875rem); } }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
@-webkit-keyframes fadeIn { from { opacity: 0;
    visibility: hidden; }
  to { opacity: 1;
    visibility: visible; } }
@keyframes fadeIn { from { opacity: 0;
    visibility: hidden; }
  to { opacity: 1;
    visibility: visible; } }

.dropdown { position: relative; }

.dropdown-button-icon { flex: 0 0 auto; }

.dropdown-button-icon svg { width: 1.5rem; height: 1.5rem; }

.dropdown-button-arrow { transition: transform; }

@media (prefers-reduced-motion: reduce) { .dropdown-button-arrow { transition: none; } }

.dropdown-button-arrow svg { width: 0.75rem; height: 0.75rem; }

.dropdown-button.show .dropdown-button-arrow { transform: rotate(180deg); }

.dropdown-menu { display: none; position: absolute; z-index: 5; min-width: 100%; }

.dropdown-menu-inner { width: 100%; margin-top: 0.75rem; border-radius: 4px; padding: 1em; }

.dropdown-menu.show { display: block; }

.dropdown-menu.show .dropdown-menu-inner { -webkit-animation: fadeIn 0.15s ease both; animation: fadeIn 0.15s ease both; }

/*---------------pseudo element default styles---------------*/
/*---------------------pseudo full size---------------------*/
/*--------------------proportional ratio--------------------*/
/*--------------------placeholder styles--------------------*/
/*------------------------transition------------------------*/
/*--------------------background image--------------------*/
/*--------------------absolute alignment--------------------*/
/*------------------make triangle------------------*/
/*---------------------------fonts---------------------------*/
/*-----------------------map get recursive-----------------------*/
/*-----------------------interaction support-----------------------*/
/* Custom variables start*/
/* Bootstrap variables end*/
/* Responsive font-size start*/
/* Responsive font-size end*/
@media (min-width: 576px) { .breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; padding-top: 0.75rem; padding-bottom: 0.75rem; } }

@media (max-width: 575.98px) { .breadcrumbs { display: none; } }

.breadcrumbs__item { position: relative; display: flex; align-items: center; }

.breadcrumbs__item + .breadcrumbs__item { margin-left: 0.75rem; }

.breadcrumbs__item + .breadcrumbs__item:before { content: '/'; display: inline; margin-right: 0.75rem; }

.breadcrumbs__current { cursor: default; }

.slider__nav { position: relative; z-index: 10; display: flex; justify-content: space-between; width: 100%; align-items: flex-start; }

.slider__buttons { display: flex; flex-shrink: 0; }

.slider__buttons button { background-color: transparent; }

.slider__buttons button .button__icon { border: none; }

.slider__buttons button:first-child { transform: rotate(180deg); border-left: none; }

.slider__numbers { display: flex; font-family: "Raleway Medium", "sans-serif"; font-size: 56px; line-height: 56px; letter-spacing: 0.01em; color: #ffffff; }

@media (min-width: 1200px) { .slider__numbers { font-size: 70px; line-height: 80px; } }

.slider__numbers-current { color: #1a353e; position: relative; overflow: hidden; height: 56px; z-index: 1; margin-right: 2px; }

@media (min-width: 1200px) { .slider__numbers-current { height: 80px; } }

.slider__numbers-current-wr { display: flex; flex-direction: column; transition: all 1.5s ease-in-out; }

.slider__numbers-current-item { width: 100%; height: 100%; }

.pagination { display: flex; align-items: center; justify-content: center; gap: 4px; }

.pagination .page-item--prev .page-link, .pagination .page-item--next .page-link { padding: 0; }

.pagination .page-item--prev { margin-right: 8px; }

.pagination .page-item--prev .page-icon { transform: rotate(180deg) translateY(4px); }

.pagination .page-item--next { margin-left: 8px; }

.pagination .page-link { display: block; width: 30px; height: 38px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 22.4px; text-align: center; transition: all 0.4s ease-in-out; }

.pagination .page-link:hover { color: #991520; }

.pagination .page-link.active { background-color: #1a353e; color: #ffffff; pointer-events: none; }

.section1-wr { width: 100%; height: 100vh; position: relative; }

.section1 { width: 100%; height: 100%; background-image: url("/local/layout/public/css/../img/bg-full.png"); background-size: cover; background-position: center; position: relative; transition: transform 1s ease-in-out; }

@media (min-width: 1920px) { .section1 { background-image: url("/local/layout/public/css/../img/bg-full-1900.png"); } }

.section1::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 38.87%); }

@media (min-width: 1920px) { .section1::before { background: transparent; } }

.section1--show { transition: transform 0.5s cubic-bezier(0, 0, 0, 1); }

.section1--show .section1__icon-button, .section1--show .section1__desc { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.section1--hide { transform: scale(0.4); }

.section1--hide .section1__title { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transform: translateY(140px); }

.section1__wrapper { transition: transform 2s cubic-bezier(0, 0, 0, 1); }

.section1__title { padding-top: calc(96px + 20px); transition: all 1s ease-in-out 1s; transform: translateY(0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

@media (min-width: 1920px) { .section1__title { padding-top: calc(96px + 86px); } }

@media (min-width: 2400px) { .section1__title { padding-top: calc(96px + 96px / 2 + 40px); } }

.section1__content { display: flex; flex-direction: column; justify-content: space-between; padding: 60px 0 100px; height: 100vh; position: relative; z-index: 2; }

@media (min-width: 1200px) { .section1__content { padding: 30px 0; } }

.section1__desc { font-family: "Montserrat", "sans-serif"; font-size: 16px; line-height: 22px; letter-spacing: 0.01em; color: #ffffff; transition: all 1s ease-in-out 1s; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }

@media (min-width: 1200px) { .section1__desc { font-size: 24px; line-height: 29.26px; } }

.section1__bottom { position: relative; z-index: 10; width: 100%; display: flex; justify-content: space-between; }

.section1__icon-button { color: #ffffff; border-radius: 50%; padding: 0; height: 47px; transition: all 0.25s ease-in-out, -webkit-clip-path 1s ease-in-out 1s; transition: all 0.25s ease-in-out, clip-path 1s ease-in-out 1s; transition: all 0.25s ease-in-out, clip-path 1s ease-in-out 1s, -webkit-clip-path 1s ease-in-out 1s; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }

.section1__icon-button:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.27); }

.about { position: relative; z-index: 1; background-color: #ffffff; transition: all 0.25s ease-in-out; }

.about--show .about__title { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.about--show .about__right-info-item::before { transform: translateY(-100%); }

.about--show .about__img-wr { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }

.about--show .about__right-block--1 .about__right-block-content { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.about--show .about__right-block--2 .about__right-block-content { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.about--show .about__right-block-content { opacity: 1; }

.about--show .about__right-block-content::before { width: 100%; }

@media (min-width: 1200px) { .about--show .about__right-block-content::before { height: 100%; width: 1px; } }

.about__header { display: grid; grid-template-columns: 1fr; margin-bottom: 112px; }

@media (min-width: 1200px) { .about__header { grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 0; } }

.about__header--show .about__header-item-line { width: 100%; }

@media (min-width: 1200px) { .about__header--show .about__header-item-line { width: 1px; } }

.about__header--show .about__header-item::before { width: 100%; }

@media (min-width: 1200px) { .about__header--show .about__header-item::before { width: 1px; height: 100%; } }

.about__header--show .about__header-item-title { transform: translateY(0); }

.about__header--show .about__header-item-title::before { top: 100%; }

.about__header--show .about__header-item-text { transform: translateY(0); }

.about__header--show .about__header-item-text::before { top: 100%; }

.about__header-item { padding: 49px 12px 59px; position: relative; }

@media (min-width: 1200px) { .about__header-item { height: 305px; padding: 49px 12px; } }

@media (min-width: 1200px) { .about__header-item:first-child { height: 200px; }
  .about__header-item:first-child::before { transition: all 0.5s ease-in-out; } }

.about__header-item:last-child::before { display: none; }

.about__header-item::before { content: ""; position: absolute; display: block; height: 1px; width: 0; background-color: #c7cccf; left: 0; bottom: 0; transition: all 1s ease-in-out; }

@media (min-width: 1200px) { .about__header-item::before { width: 1px; height: 0; top: 0; bottom: unset; } }

.about__header-item-line { position: absolute; display: block; height: 1px; width: 0; background-color: #c7cccf; left: 0; bottom: 0; transition: all 1.5s ease-in-out; }

@media (min-width: 1200px) { .about__header-item-line { height: 0; width: 1px; top: 0; bottom: unset; } }

.about__header-item-title { font-family: "Raleway Medium", "sans-serif"; font-size: 70px; line-height: 80px; letter-spacing: 0.01em; color: #1a353e; position: relative; transition: all 0.8s ease-in-out; transform: translateY(50%); }

.about__header-item-title::before { content: ""; position: absolute; display: block; height: 100%; width: 100%; background-color: #ffffff; left: 0; top: 0; transition: all 0.8s ease-in-out; }

.about__header-item-text { font-family: "Montserrat", "sans-serif"; font-size: 16px; line-height: 22.4px; color: #1a353e; position: relative; z-index: 1; transition: all 0.8s ease-in-out; transform: translateY(100%); }

.about__header-item-text::before { content: ""; position: absolute; display: block; height: 100%; width: 100%; background-color: #ffffff; left: 0; top: 0; transition: all 0.8s ease-in-out; }

.about__title { transition: all 1s ease-in-out; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }

.about__img-wr { width: 100%; height: 518px; transition: all 1s ease-in-out; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); opacity: 0; }

@media (min-width: 1200px) { .about__img-wr { width: 416px; margin-top: 60px; } }

.about__img-wr--show { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }

.about__img { width: 100%; height: 518px; overflow: hidden; transition: all 1s ease-in-out; }

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

@media (min-width: 1200px) { .about__img { width: 416px; } }

.about__left-text { margin: 8px 0 32px; }

.about__left-buttons { display: flex; gap: 20px; }

.about__left-button--tg { width: 61px; flex-shrink: 0; }

.about__left-button--tg .button__icon { border-left: none; padding: 18px 16px; }

.about__left-button--tg svg { margin-right: 0; transform: translateX(-2px); }

.about__content { display: flex; gap: 32px; flex-direction: column-reverse; }

@media (min-width: 1200px) { .about__content { flex-direction: row; } }

.about__right-block { width: 100%; position: relative; }

.about__right-block--1 .about__right-block-content { padding: 32px 0 6px; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }

@media (min-width: 1200px) { .about__right-block--1 .about__right-block-content { padding: 60px 0 0; } }

.about__right-block--2 .about__right-block-content { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); padding: 16px 0 0; margin-left: auto; }

@media (min-width: 1200px) { .about__right-block--2 .about__right-block-content { padding: 40px 0 0; } }

.about__right-block--2 .about__right-block-content::before { bottom: unset; top: 0; }

@media (min-width: 1200px) { .about__right-block--2 .about__right-block-content::before { bottom: 0; top: unset; } }

.about__right-block-content { width: 100%; position: relative; opacity: 0; transition: all 1s ease-in-out; }

@media (min-width: 1200px) { .about__right-block-content { width: calc(50% - 16px); padding-left: 13px !important; } }

.about__right-block-content::before { content: ""; position: absolute; display: block; height: 1px; width: 0; background-color: #c7cccf; left: 0; bottom: 0; transition: all 1s ease-in-out; }

@media (min-width: 1200px) { .about__right-block-content::before { height: 0; width: 1px; } }

.about__right-info { margin: 90px 0; }

@media (min-width: 1200px) { .about__right-info { margin: 0 115px; padding-top: 40px; } }

.about__right-info--view .about__right-info-item::before { transform: translateY(-100%); }

.about__right-info-item { font-family: "Raleway Medium", "sans-serif"; font-size: 28px; line-height: 33.6px; text-align: center; text-transform: uppercase; position: relative; margin-bottom: 4px; }

@media (min-width: 1200px) { .about__right-info-item { text-align: left; } }

.about__right-info-item:nth-child(1) { z-index: 3; }

.about__right-info-item:nth-child(2) { z-index: 2; }

.about__right-info-item:nth-child(3) { z-index: 1; }

.about__right-info-item::before { content: ""; display: block; width: 100%; height: 100%; background-color: #ffffff; position: absolute; transition: all 1s ease-in-out; }

.services { padding-top: 140px; }

.services__content { display: flex; flex-direction: column-reverse; padding: 32px 0; }

@media (min-width: 1200px) { .services__content { display: grid; grid-template-columns: 1fr 1fr; padding: 60px 0 0 112px; align-items: flex-end; } }

.services__list { margin: 32px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px; position: relative; }

@media (min-width: 1200px) { .services__list { gap: 32px; margin: 0 0 60px; } }

.services__list-item { display: flex; align-items: center; transition: all 0.25s ease-in-out; position: relative; left: 0; gap: 4px; cursor: pointer; }

.services__list-item:hover { transform: scale(1.3) translateX(10%); }

.services__list-item.active { transform: scale(1.5) translateX(15%); }

@media (min-width: 1200px) { .services__list-item.active { transform: scale(2.6) translateX(25%); } }

.services__list-item.active .services__list-item-number { transform: scale(0.7); margin-right: 0; }

@media (min-width: 1200px) { .services__list-item.active .services__list-item-number { transform: scale(0.4); } }

.services__list-item.active .services__list-item-button { opacity: 1; visibility: visible; transform: scale(0.6); }

@media (min-width: 1200px) { .services__list-item.active .services__list-item-button { transform: scale(0.4); } }

.services__list-item-text { font-family: "Montserrat", "sans-serif"; font-size: 16px; line-height: 22px; transition: all 0.25s ease-in-out; }

@media (min-width: 1200px) { .services__list-item-text { font-size: 20px; line-height: 28px; } }

.services__list-item-button { visibility: hidden; transition: all 0.25s ease-in-out; opacity: 0; }

.services__list-item-button:hover { transform: scale(0.6) !important; }

.services__list-item-number { font-family: "Montserrat", "sans-serif"; font-size: 12px; line-height: 16px; height: 34px; margin-right: 12px; transition: all 0.25s ease-in-out; }

@media (min-width: 1200px) { .services__list-item-number { height: 56px; } }

.services__right { position: relative; width: 100%; height: 380px; display: flex; justify-content: flex-end; }

@media (min-width: 1200px) { .services__right { height: 100%; } }

.services__right-wr { width: 100%; height: 100%; position: relative; }

@media (min-width: 1200px) { .services__right-wr { width: calc(100% - 144px); } }

.services__slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: all 0.25s ease-in-out; transform: scale(0.9); }

@media (min-width: 1200px) { .services__slider-item { transform: translateY(-100px) scale(0.9); } }

.services__slider-item.active { z-index: 3; opacity: 1; transform: translateY(0) scale(1); transition: all 1s ease-in-out, opacity 0.5s ease-in-out; }

.services__slider-item:hover img { transform: scale(1.1); }

.services__img-wr { width: 100%; height: 100%; position: relative; overflow: hidden; cursor: pointer; }

.services__img-wr img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.5s ease-in-out; }

.services__img { width: 100%; height: 100%; }

.advantages { padding-top: 140px; }

.advantages--show .advantages__text { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.advantages--show .advantages__title { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.advantages__header { display: flex; flex-direction: column; gap: 32px; }

@media (min-width: 1200px) { .advantages__header { gap: 0; } }

.advantages__title { transition: all 1s ease-in-out; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }

.advantages__text { width: 100%; display: flex; justify-content: flex-end; position: relative; font-family: "Raleway Medium", "sans-serif"; font-size: 24px; line-height: 28px; text-transform: uppercase; transition: all 1s ease-in-out; text-align: center; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); padding: 60px 0; }

@media (min-width: 1200px) { .advantages__text { text-align: left; font-size: 28px; line-height: 33.6px; padding: 0; } }

.advantages__text::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; background-color: #c7cccf; top: 0; left: 50%; z-index: -1; }

@media (min-width: 1200px) { .advantages__text::before { display: none; } }

.advantages__text div { padding: 16px 0; background-color: #ffffff; }

@media (min-width: 1200px) { .advantages__text div { width: 50%; padding: 0; } }

.advantages__list { transition: all 1s ease-in-out; margin: 0 0 32px; opacity: 0; }

@media (min-width: 1200px) { .advantages__list { margin: 60px 0; } }

.advantages__list--show { opacity: 1; }

.advantages__list--show .advantages__list-item { padding-top: 0; }

.advantages__button { margin: 0 auto; }

.advantages__list-item { border-bottom: 1px solid #c7cccf; padding-top: 20px; transition: all 1s ease-in-out; }

@media (min-width: 1200px) { .advantages__list-item { padding-top: 64px; } }

.advantages__list-item:hover { background-color: #f4f4f4; }

.advantages__list-item:hover .advantages__list-item-svg { transform: scale(1.2); }

.advantages__list-item-button { position: relative; width: 100%; padding: 16px 0; color: #ffffff; background-color: #1a353e; transition: all 0.5s ease-in-out 0.5s; }

.advantages__list-item-button.collapsed { background-color: transparent; color: #1a353e; transition: all 0.5s ease-in-out; }

.advantages__list-item-button:not(.collapsed) .advantages__list-item-svg { opacity: 0; }

.advantages__list-item-button:not(.collapsed) .advantages__list-item-svg--hidden { opacity: 1; }

.advantages__list-item-button-content { display: flex; align-items: flex-start; gap: 16px; position: relative; width: 100%; }

@media (min-width: 1200px) { .advantages__list-item-button-content { align-items: center; gap: 32px; } }

.advantages__list-item-button-content span { font-family: "Raleway Medium", "sans-serif"; font-size: 24px; line-height: 28px; letter-spacing: 0.01em; width: 32px; flex-shrink: 0; }

@media (min-width: 1200px) { .advantages__list-item-button-content span { width: 68px; font-size: 56px; line-height: 56px; } }

.advantages__list-item-button-content .advantages__list-item-icon { flex-shrink: 0; }

.advantages__list-item-text { width: 100%; text-align: start; font-family: "Montserrat", "sans-serif"; font-size: 16px; line-height: 22px; }

@media (min-width: 1200px) { .advantages__list-item-text { font-size: 20px; line-height: 28px; } }

.advantages__list-item-content { transition: all 0.5s ease-in-out; }

.advantages__list-item-content.show { color: #ffffff; background-color: #1a353e; }

.advantages__list-item-content-text { padding: 0 56px 20px 64px; }

@media (min-width: 1200px) { .advantages__list-item-content-text { padding: 0 56px 32px 100px; } }

.advantages__list-item-icon { position: relative; }

.advantages__list-item-svg { transition: all 0.25s ease-in-out; }

.advantages__list-item-svg--hidden { position: absolute; left: 0; top: 0; left: 2px; top: 2px; transform: scale(1.26); opacity: 0; }

.projects { padding: 112px 0; }

@media (min-width: 1200px) { .projects { padding: 140px 0; } }

.projects__top { display: flex; flex-direction: column; gap: 42px; }

@media (min-width: 1200px) { .projects__top { flex-direction: row; justify-content: space-between; gap: 0; } }

@media (min-width: 1200px) { .projects__desc { width: 416px; } }

.projects__slider { margin: 32px 0 16px; overflow: hidden; height: 680px; position: relative; }

@media (min-width: 1200px) { .projects__slider { margin: 60px 0; } }

.projects__slider-backgrounds { height: calc(50% + 58px); width: 100%; display: flex; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (min-width: 1200px) { .projects__slider-backgrounds { height: 100%; } }

.projects__slider-backgrounds-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: all 1.5s ease-in-out; opacity: 0; }

.projects__slider-backgrounds-item:hover .projects__slider-img { transform: scale(1.1); }

.projects__slider-backgrounds-item.active { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); z-index: 3; opacity: 1; }

.projects__slider-backgrounds-item.next { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); z-index: 2; }

.projects__slider-backgrounds-item.prev { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); z-index: 1; }

.projects__slider-img { height: 100%; width: 100%; background-position: center; background-size: cover; transition: all 1.5s ease-in-out; }

.projects__slider-wrapper { display: flex; justify-content: flex-end; }

.projects__slider-content { width: 100%; z-index: 10; position: absolute; top: 50%; left: 0; }

@media (min-width: 1200px) { .projects__slider-content { width: 528px; top: 120px; left: unset; background-color: #c7cccf; } }

.projects__slider-content .slider__nav { background-color: #c7cccf; padding: 0 16px 20px; }

@media (min-width: 1200px) { .projects__slider-content .slider__nav { padding: 0 40px 40px; } }

.projects__slider-content-head { color: #ffffff; border-bottom: 1px solid #ffffff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #c7cccf; padding: 20px 16px 16px; }

@media (min-width: 1200px) { .projects__slider-content-head { padding: 40px 40px 20px; width: 100%; } }

.projects__slider-content-item-wr { height: 200px; position: relative; width: 100%; background-color: #c7cccf; padding: 20px 16px; }

@media (min-width: 1200px) { .projects__slider-content-item-wr { padding: 40px; height: 280px; } }

.projects__slider-content-item { position: absolute; top: 20px; left: 16px; width: calc(100% - 32px); height: calc(100% - 40px); z-index: 1; }

@media (min-width: 1200px) { .projects__slider-content-item { width: calc(100% - 80px); left: 40px; top: 40px; } }

.projects__slider-content-item.active { z-index: 3; }

.projects__slider-content-item.active .projects__slider-content-item-title { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.projects__slider-content-item.next { z-index: 2; }

.projects__slider-content-item.next .projects__slider-content-item-title { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); }

.projects__slider-content-item.prev { z-index: 1; }

.projects__slider-content-item.prev .projects__slider-content-item-title { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }

.projects__slider-content-item .button { background-color: #c7cccf; margin-top: 32px; }

.projects__slider-content-item .button:hover { background-color: #1a353e; }

.projects__slider-content-item-title { transition: all 1.5s ease-in-out; background-color: #c7cccf; font-family: "Raleway Medium", "sans-serif"; font-size: 24px; line-height: 28px; text-transform: uppercase; height: 86px; display: block; overflow: hidden; }

@media (min-width: 1200px) { .projects__slider-content-item-title { font-size: 28px; line-height: 33.6px; height: 100px; } }

.projects__slider-content-item-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #1a353e; background-color: #c7cccf; transition: all 0.4s ease-in-out; margin-top: 15px; }

@media (min-width: 1200px) { .projects__slider-content-item-link { margin-top: 30px; } }

.projects__slider-content-item-link:hover { transform: scale(1.335); color: #1a353e; }

.reviews { background-color: #c7cccf; padding: 100px 0 200px; position: relative; }

@media (min-width: 1200px) { .reviews { padding: 100px 0; } }

.reviews__slider { width: 100%; display: grid; grid-template-columns: 1fr; }

@media (min-width: 1200px) { .reviews__slider { grid-template-columns: 1fr 1fr; } }

.reviews__right { display: flex; flex-direction: column; justify-content: space-between; }

@media (min-width: 1200px) { .reviews__right { border-right: 1px solid #1a353e; } }

.reviews__slider-text { position: relative; height: 410px; }

.reviews__slider-text::after { content: ""; display: block; position: absolute; bottom: 1px; left: 0; height: 16px; width: calc(100% - 7px); background-color: #c7cccf; z-index: 10; }

@media (min-width: 1200px) { .reviews__slider-text::after { height: 32px; } }

.reviews__text { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; border-bottom: 1px solid #c7cccf; opacity: 0; margin-top: 32px; padding: 32px 16px 16px; transition: all 1s ease-in-out; height: 378px; overflow: auto; scrollbar-color: transparent; }

.reviews__text::-webkit-scrollbar-track { margin: 10px; }

.reviews__text::-webkit-scrollbar { width: 7px; height: 7px; background-color: #c7cccf; }

.reviews__text::-webkit-scrollbar-thumb { background-color: #1a353e; border-radius: 10px; }

@media (min-width: 1200px) { .reviews__text { padding: 30px 112px 32px 0; } }

.reviews__text.active { z-index: 3; opacity: 1; border-bottom: 1px solid #1a353e; }

.reviews .slider__nav { padding: 16px; position: absolute; left: 0; bottom: 80px; border-top: 1px solid #1a353e; flex-direction: row-reverse; }

@media (min-width: 1200px) { .reviews .slider__nav { padding: 32px 32px 0 0; position: static; border-top: none; flex-direction: row; } }

.reviews__left { position: relative; height: 460px; margin-top: 32px; }

@media (min-width: 1200px) { .reviews__left { height: 620px; padding-left: 112px; margin: 0; } }

.reviews__slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; display: flex; justify-content: flex-end; transition: all 1.5s ease-in-out; }

.reviews__slider-item.active { z-index: 3; }

.reviews__slider-item.active .reviews__video { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1; }

.reviews__slider-item.active .reviews__card { opacity: 1; transition: all 1s ease-in-out 1s; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.reviews__slider-item.active .reviews__card .reviews__card-content { opacity: 1; transition: all 0.5s ease-in-out 2s; }

.reviews__slider-item.next { z-index: 2; }

.reviews__slider-item.next .reviews__video { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }

.reviews__slider-item.prev { z-index: 1; }

.reviews__slider-item.prev .reviews__video { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }

.reviews__video { position: relative; width: 100%; height: 400px; transition: all 1.5s ease-in-out; opacity: 0; }

@media (min-width: 1200px) { .reviews__video { width: 528px; height: 100%; } }

.reviews__video-preview { height: 100%; width: 100%; filter: grayscale(1); transition: all 0.5s ease-in-out; }

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

.reviews__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #991520; transition: all 0.5s ease-in-out; width: 64px; height: 64px; z-index: 1; }

.reviews__play:hover { transform: translate(-50%, -50%) scale(1.25); }

.reviews__play:hover + .reviews__video-preview { filter: grayscale(0); }

.reviews__card { position: absolute; background-color: #991520; color: #ffffff; padding: 20px; min-width: 232px; max-width: 280px; opacity: 0; transition: all 0.5s ease-in-out; bottom: 0; right: 16px; overflow: hidden; -webkit-clip-path: inset(50% 50% 0 0); clip-path: inset(50% 50% 0 0); }

@media (min-width: 1200px) { .reviews__card { left: 24px; bottom: 20px; right: unset; } }

.reviews__card-content { opacity: 0; transition: all 0.25s ease-in-out; width: 100%; }

.reviews__card-title { padding-bottom: 8px; border-bottom: 1px solid #ffffff; font-family: "Montserrat Medium", "sans-serif"; font-size: 16px; line-height: 22.4px; letter-spacing: 0.01em; text-transform: uppercase; }

.reviews__card-text { padding-top: 16px; }

.building { background-color: #1a353e; padding: 100px 0; position: relative; }

.building__title { color: #ffffff; padding-bottom: 400px; position: relative; }

@media (min-width: 1200px) { .building__title { padding: 0; } }

.building__title::after { content: ""; display: block; width: 1px; height: 86%; position: absolute; background-color: #ffffff; bottom: 0; left: 50%; }

@media (min-width: 1200px) { .building__title::after { display: none; } }

.building .reviews__left { height: 515px; }

@media (min-width: 1200px) { .building .reviews__left { padding-left: 0; padding-right: 112px; height: 620px; } }

.building .reviews__slider { margin: 0 0 60px; }

@media (min-width: 1200px) { .building .reviews__slider { margin: 60px 0; } }

.building .reviews__slider-item { left: 0; justify-content: flex-start; }

.building .reviews__video { margin-left: 0; width: 100%; height: 440px; }

@media (min-width: 1200px) { .building .reviews__video { width: 416px; height: 100%; } }

.building .reviews__card { left: unset; right: 16px; max-width: 280px; -webkit-clip-path: inset(50% 0 0 50%); clip-path: inset(50% 0 0 50%); }

@media (min-width: 1200px) { .building .reviews__card { right: 112px; max-width: 320px; } }

.building .reviews__video-preview { background-color: black; filter: grayscale(0); }

.building .reviews__play:hover + .reviews__video-preview { transform: scale(1.2); }

.building .reviews__play:hover + .reviews__video-preview img { opacity: 0.8; }

.building .reviews__card-text { padding-top: 0; }

.building .reviews__right { border-right: none; }

@media (min-width: 1200px) { .building .reviews__right { border-left: 1px solid #ffffff; } }

.building .reviews__text { padding: 16px; color: #ffffff; font-family: "Raleway Medium", "sans-serif"; font-size: 24px; line-height: 28px; text-align: center; text-transform: uppercase; position: absolute; top: 230px; left: 0; height: auto; background-color: #1a353e; opacity: 1; border-bottom: 1px solid transparent; }

@media (min-width: 1200px) { .building .reviews__text { padding: 0 112px 32px 32px; font-size: 28px; line-height: 33.6px; text-align: left; position: static; border-bottom: 1px solid #ffffff; } }

.building .slider__numbers-current { color: #991520; }

.building .reviews__right-bottom { flex-direction: row-reverse; padding: 16px 0 0 0; border-top: 1px solid #ffffff; margin-top: 32px; position: relative; height: 430px; display: flex; flex-direction: column; justify-content: flex-end; }

@media (min-width: 1200px) { .building .reviews__right-bottom { padding: 32px 0 0 32px; border-top: none; margin-top: 0; height: 100%; } }

.building .reviews__right-bottom .slider__nav { flex-direction: row-reverse; }

.building .reviews__description { position: absolute; top: 20px; left: 0px; width: 100%; height: 100%; z-index: 1; }

@media (min-width: 1200px) { .building .reviews__description { width: calc(100% - 32px); left: 32px; top: 40px; } }

.building .reviews__description.active { z-index: 3; }

.building .reviews__description.active .reviews__description-text { opacity: 1; }

.building .reviews__description-text { transition: all 1.5s ease-in-out; height: 310px; display: block; overflow: hidden; color: #ffffff; opacity: 0; overflow: auto; scrollbar-color: transparent; }

.building .reviews__description-text::-webkit-scrollbar-track { margin: 10px; }

.building .reviews__description-text::-webkit-scrollbar { width: 7px; height: 7px; background-color: #1a353e; }

.building .reviews__description-text::-webkit-scrollbar-thumb { background-color: #c7cccf; border-radius: 10px; }

@media (min-width: 1200px) { .building .reviews__description-text { height: 210px; padding-right: 32px; } }

.contacts { padding: 112px 0 260px; position: relative; }

@media (min-width: 1200px) { .contacts { padding: 140px 0 0; } }

.contacts__wr { position: relative; width: 100%; }

.contacts__bg { margin-top: 32px; height: 380px; width: 100%; background-image: url("/local/layout/public/css/../img/office-1.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }

@media (min-width: 1200px) { .contacts__bg { margin-top: 60px; height: 680px; background-attachment: fixed; } }

.contacts__content { position: absolute; top: 384px; left: -16px; width: calc(100% + 32px); }

@media (min-width: 1200px) { .contacts__content { position: absolute; top: 0; right: 0; left: unset; width: 416px; background-color: #c7cccf; } }

.contacts__content-title { font-family: "Montserrat Semibold", "sans-serif"; font-size: 16px; line-height: 22.4px; letter-spacing: 0.01em; color: #ffffff; padding: 20px 16px 16px; border-bottom: 1px solid #ffffff; background-color: #c7cccf; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media (min-width: 1200px) { .contacts__content-title { width: 100%; padding: 50px 60px 20px; } }

.contacts__content-wr { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; padding: 20px 16px; background-color: #c7cccf; }

@media (min-width: 1200px) { .contacts__content-wr { padding: 40px 60px 50px; } }

.contacts__content-address p { margin: 0; }

.contacts__content-links { display: flex; flex-direction: column; }

.contacts__content-links a { transition: all 0.25s ease-in-out; }

.contacts__content-links a:hover { color: #991520; }

.contacts__content-icons { display: flex; gap: 20px; padding-bottom: 12px; }

.contacts__content-icons a { display: block; width: 28px; transition: all 0.25s ease-in-out; }

.contacts__content-icons a:hover { color: #991520; }

.call-section { background-color: #f4f4f4; }

.call-section__wr { width: 100%; display: flex; align-items: center; justify-content: center; padding: 112px 0; }

@media (min-width: 1200px) { .call-section__wr { height: 780px; padding: 0; } }

.call { display: flex; flex-direction: column; gap: 32px; }

.call h2 { font-size: 28px; line-height: 33px; padding-bottom: 12px; border-bottom: 1px solid #c7cccf; }

@media (min-width: 1200px) { .call h2 { font-size: 70px; line-height: 80px; border: none; padding: 0; } }

@media (min-width: 1200px) { .call { gap: 60px; align-items: center; margin: 0 auto; } }

.call__from { width: 100%; position: relative; display: flex; flex-direction: column; gap: 20px; }

@media (min-width: 1200px) { .call__from { width: 416px; gap: 60px; } }

@media (min-width: 1200px) { .call__from .button__content { min-width: 338px; } }

.call__from-inputs { display: flex; flex-direction: column; gap: 20px; }

@media (min-width: 1200px) { .call__from-inputs { gap: 40px; } }

.call__from-inputs .form__checkbox { display: flex; gap: 16px; align-items: flex-start; }

@media (min-width: 1200px) { .call__from-inputs .form__checkbox { gap: 12px; } }

.call__from-inputs .form__checkbox a { transition: all 0.25s ease-in-out; }

.call__from-inputs .form__checkbox a:hover { color: #991520; }

.project__bg-wr { height: 380px; width: 100%; position: relative; overflow: hidden; }

@media (min-width: 1200px) { .project__bg-wr { height: 740px; } }

.project__bg-wr::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 38.87%); }

.project__bg { height: 100%; width: 100%; background-position-y: 50%; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transition: all 0.5s linear; }

.project__wr { background-color: #ffffff; }

.project__title { padding: 20px 0; }

@media (min-width: 1200px) { .project__title { padding: 32px 0; } }

.project__text { margin-bottom: 60px; }

.project__content { padding: 56px 0; border-top: 1px solid #c7cccf; }

@media (min-width: 1200px) { .project__content { padding: 60px 0 140px; } }

.project__content-wr { display: flex; flex-direction: column-reverse; position: relative; gap: 56px; }

@media (min-width: 1200px) { .project__content-wr { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; } }

.project__right-list { margin-top: 20px; }

@media (min-width: 1200px) { .project__right-list { margin-top: 32px; } }

.project__right-list-item { display: flex; align-items: center; justify-content: space-between; font-family: "Montserrat Semibold", "sans-serif"; font-size: 16px; line-height: 22.4px; letter-spacing: 0.01em; text-transform: uppercase; padding: 20px 0; border-bottom: 1px solid #c7cccf; }

@media (min-width: 1200px) { .project__right-list-item { padding: 32px 0; } }

.project__left .slider__nav { padding-top: 32px; justify-content: flex-end; }

@media (min-width: 1200px) { .project__left .slider__nav { padding-top: 40px; } }

.project__slider { position: relative; width: 100%; height: 370px; }

@media (min-width: 1200px) { .project__slider { height: 392px; } }

.project__slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: all 1.5s ease-in-out; }

.project__slider-item.active { z-index: 3; opacity: 1; }

.project__slider-item.active .project__img { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.project__slider-item.next { z-index: 2; }

.project__slider-item.next .project__img { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }

.project__slider-item.prev { z-index: 1; }

.project__slider-item.prev .project__img { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }

.project__img { position: relative; width: 100%; height: 100%; transition: all 1.5s ease-in-out; }

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

.service { padding-top: 100px; }

@media (min-width: 1200px) { .service { padding-top: 140px; } }

.service__slider { margin: 20px 0; position: relative; width: 100%; height: 340px; }

@media (min-width: 1200px) { .service__slider { margin: 32px 32px 32px 40px; width: 416px; height: 416px; } }

.service .slider__nav { padding: 16px 0 16px 16px; border-top: none; justify-content: flex-end; }

@media (min-width: 1200px) { .service .slider__nav { padding: 32px 32px 40px 40px; } }

.service .slider__nav:before { content: ""; width: 100vw; height: 1px; position: absolute; right: -16px; top: 0; background-color: #c7cccf; }

@media (min-width: 1200px) { .service .slider__nav:before { right: 0; } }

.service__content { border-top: 1px solid #c7cccf; }

.service__content-wr { display: grid; grid-template-columns: 1fr; }

@media (min-width: 1200px) { .service__content-wr { grid-template-columns: calc(416px + 32px + 40px) 1fr; } }

@media (min-width: 1200px) { .service__content-left-wr { border-right: 1px solid #c7cccf; height: 100%; position: relative; }
  .service__content-left-wr .service__content-right-title { display: none; } }

@media (min-width: 1200px) { .service__content-left { position: -webkit-sticky; position: sticky; top: 132px; } }

.service__slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: all 1.5s ease-in-out; }

.service__slider-item.active { z-index: 3; opacity: 1; }

.service__slider-item.active .modal-service__img { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.service__slider-item.next { z-index: 2; }

.service__slider-item.next .modal-service__img { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }

.service__slider-item.prev { z-index: 1; }

.service__slider-item.prev .modal-service__img { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }

.service__img { position: relative; width: 100%; height: 100%; transition: all 1.5s ease-in-out; }

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

.service__content-right { padding: 32px 0; display: flex; flex-direction: column; gap: 20px; background-color: #ffffff; }

@media (min-width: 1200px) { .service__content-right { padding: 32px 0 32px 112px; } }

.service__content-right p { margin: 0; }

.service__content-right .service__content-right-title { display: none; }

@media (min-width: 1200px) { .service__content-right .service__content-right-title { display: block; } }

.service__content-right-title { font-family: "Montserrat Semibold", "sans-serif"; font-size: 16px; line-height: 22px; letter-spacing: 1%; margin: 32px 0; }

@media (min-width: 1200px) { .service__content-right-title { font-size: 20px; line-height: 24px; margin: 0; } }

.service__content-right-img { min-height: 360px; position: relative; width: 100%; }

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

.blog { padding: 100px 0; }

@media (min-width: 1200px) { .blog { padding: 140px 0; } }

.blog__tabs-wr { margin-top: 32px; border-bottom: 1px solid #c7cccf; width: 100%; overflow: hidden; }

.blog__tabs { display: flex; align-items: center; width: 100%; gap: 32px; overflow-x: scroll; overflow-y: hidden; }

@media (min-width: 1200px) { .blog__tabs { overflow: hidden; } }

.blog__tabs::-webkit-scrollbar { width: 1px; height: 1px; background-color: #ffffff; }

.blog__tabs::-webkit-scrollbar-thumb { background-color: #ffffff !important; box-shadow: inset 1px 1px 10px #ffffff !important; border-radius: 0; }

.blog__tabs::-webkit-scrollbar-thumb:hover { background-color: #ffffff !important; }

.blog__tab { font-family: "Montserrat Medium", "sans-serif"; font-size: 20px; line-height: 28px; padding: 12px 0 20px; position: relative; display: block; transition: all 0.4s ease-in-out; }

.blog__tab:hover { color: #991520; }

.blog__tab:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #1a353e; transition: all 0.4s ease-in-out; }

.blog__tab.active { pointer-events: none; }

.blog__tab.active:after { width: 100%; }

.blog__list { display: grid; gap: 52px; margin: 40px 0 60px; grid-template-areas: "one" "two" "three" "four" "five" "six" "seven" "eight" "nine" "ten"; }

@media (min-width: 1200px) { .blog__list { grid-template-areas: "one one one two two two" "three three four four five five" "six six six seven seven seven" "eight eight nine nine ten ten"; gap: 32px; } }

.blog__item { display: flex; flex-direction: column; gap: 16px; }

.blog__item:hover .blog__item-title { color: #991520; }

.blog__item:hover .blog__item-img img { transform: scale(1.2); }

.blog__item:nth-child(1) { grid-area: one; }

.blog__item:nth-child(2) { grid-area: two; }

.blog__item:nth-child(3) { grid-area: three; }

.blog__item:nth-child(4) { grid-area: four; }

.blog__item:nth-child(5) { grid-area: five; }

.blog__item:nth-child(6) { grid-area: six; }

.blog__item:nth-child(7) { grid-area: seven; }

.blog__item:nth-child(8) { grid-area: eight; }

.blog__item:nth-child(9) { grid-area: nine; }

.blog__item:nth-child(10) { grid-area: ten; }

.blog__item-top { position: relative; }

.blog__item-tag { position: absolute; padding: 10px; left: 12px; bottom: 12px; color: #ffffff; font-size: 16px; line-height: 22.4px; background: linear-gradient(0deg, #991520, #991520), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.blog__item-img { height: 320px; position: relative; overflow: hidden; }

.blog__item-img img { height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 1.5s ease-in-out; }

.blog__item-bottom { display: flex; flex-direction: column; gap: 16px; }

.blog__item-title { font-family: "Montserrat Medium", "sans-serif"; font-size: 20px; line-height: 28px; letter-spacing: 1%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.4s ease-in-out; }

@media (min-width: 1200px) { .blog__item-title { font-size: 24px; line-height: 29px; } }

.blog__item-author { font-size: 16px; line-height: 22.4px; color: #c7cccf; }

.acticle { padding: 100px 0; }

@media (min-width: 1200px) { .acticle { padding: 140px 0; } }

.acticle__wr { display: grid; grid-template-columns: 1fr; }

@media (min-width: 1200px) { .acticle__wr { grid-template-columns: 220px 1fr; margin-right: 220px; } }

.acticle__right { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }

@media (min-width: 1200px) { .acticle__right { margin-top: 0; } }

.acticle__tag { color: #991520; font-family: "Montserrat Medium", "sans-serif"; font-size: 16px; line-height: 22px; }

@media (min-width: 1200px) { .acticle__tag { font-size: 20px; line-height: 28px; } }

.acticle__title { font-family: "Raleway Medium", "sans-serif"; font-size: 28px; line-height: 33px; margin: 8px 0; }

@media (min-width: 1200px) { .acticle__title { font-size: 48px; line-height: 57.6px; } }

.acticle__date { color: #c7cccf; display: flex; align-items: center; gap: 20px; }

.acticle__date svg { transform: translateY(-2px); }

.acticle__img { margin: 20px 0; position: relative; width: calc((100% + 16px * 2)); left: -16px; min-height: 380px; }

@media (min-width: 1200px) { .acticle__img { width: 100%; left: 0; } }

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

.acticle__subtitle { font-family: "Montserrat Semibold", "sans-serif"; font-size: 20px; line-height: 28px; letter-spacing: 1%; }

@media (min-width: 1200px) { .acticle__subtitle { font-size: 24px; line-height: 29px; } }

.acticle__footer { border-top: 1px solid #c7cccf; margin-top: 8px; }

.acticle__author { padding: 12px 0; display: flex; align-items: center; gap: 20px; }

.acticle__author-img { width: 60px; height: 60px; position: relative; overflow: hidden; border-radius: 50%; }

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

.acticle__author-name { font-size: 20px; line-height: 28px; margin-bottom: 6px; }

.acticle__author-desc { color: #c7cccf; font-size: 16px; line-height: 22.4px; }

.acticle__buttons { display: flex; margin-top: 32px; flex-direction: column; gap: 16px; }

@media (min-width: 1200px) { .acticle__buttons { flex-direction: row; margin-top: 40px; align-items: center; justify-content: space-between; } }

.acticle__button .button__content { min-width: 150px; }

.not-found { min-height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.not-found__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 58px; }

.not-found__top { display: flex; flex-direction: column; align-items: center; gap: 20px; }

.not-found__title { font-family: "Montserrat Semibold", "sans-serif"; font-size: 160px; line-height: 192px; letter-spacing: 0%; }

@media (min-width: 1200px) { .not-found .button__content { width: 339px; } }

/*# sourceMappingURL=common.css.map */

/* End */
/* /local/layout/public/css/libs.css?174478976994670 */
/* /local/layout/public/css/common.css?174478976997368 */