:root {
  --gs1-color-blue-dark-1: #001a4d;
  --gs1-color-blue-dark-2: #001335;
  --gs1-color-blue: #002c6c;
  --gs1-color-danger-dark-1: #90151a;
  --gs1-color-danger-dark-2: #750e13;
  --gs1-color-danger-light-1: #ffcccc;
  --gs1-color-danger-light-2: #ffdfdf;
  --gs1-color-danger: #ba1b23;
  --gs1-color-forest-accessible-dark-1: #026b30;
  --gs1-color-forest-accessible-dark-2: #014b22;
  --gs1-color-forest-accessible-light-1: #b3eacb;
  --gs1-color-forest-accessible-light-2: #ccf1dc;
  --gs1-color-forest-accessible: #008037;
  --gs1-color-forest: #00ac4a;
  --gs1-color-gold-accessible-dark-1: #665b0b;
  --gs1-color-gold-accessible-dark-2: #4e4608;
  --gs1-color-gold-accessible: #826f00;
  --gs1-color-gold: #c4b000;
  --gs1-color-grass-accessible-dark-1: #376911;
  --gs1-color-grass-accessible-dark-2: #2c530e;
  --gs1-color-grass-accessible: #417e12;
  --gs1-color-grass: #7ac143;
  --gs1-color-honey-accessible-dark-1: #705517;
  --gs1-color-honey-accessible-dark-2: #594312;
  --gs1-color-honey-accessible: #8d6b19;
  --gs1-color-honey: #b78b20;
  --gs1-color-lavender-accessible-dark-1: #6f4aa8;
  --gs1-color-lavender-accessible-dark-2: #604091;
  --gs1-color-lavender-accessible: #835cbc;
  --gs1-color-lavender: #af96d4;
  --gs1-color-lime-accessible-dark-1: #576111;
  --gs1-color-lime-accessible-dark-2: #3e450c;
  --gs1-color-lime-accessible: #667800;
  --gs1-color-lime: #c1d82f;
  --gs1-color-link-accessible-dark-1: #0a5e7a;
  --gs1-color-link-accessible-dark-2: #084c63;
  --gs1-color-link-accessible: #00799e;
  --gs1-color-link: #008dbd;
  --gs1-color-mint-accessible-dark-1: #276b45;
  --gs1-color-mint-accessible-dark-2: #1f5637;
  --gs1-color-mint-accessible: #3f7c5a;
  --gs1-color-mint: #71b790;
  --gs1-color-mist-accessible-dark-1: #356577;
  --gs1-color-mist-accessible-dark-2: #2a515f;
  --gs1-color-mist-accessible: #41778c;
  --gs1-color-mist: #8db9ca;
  --gs1-color-olive-accessible-dark-1: #576337;
  --gs1-color-olive-accessible-dark-2: #48522e;
  --gs1-color-olive-accessible: #677642;
  --gs1-color-olive: #9dbb68;
  --gs1-color-orange-accessible-dark-1: #a82c05;
  --gs1-color-orange-accessible-dark-2: #912305;
  --gs1-color-orange-accessible: #cd3c0d;
  --gs1-color-orange: #f26334;
  --gs1-color-peach-accessible-dark-1: #855304;
  --gs1-color-peach-accessible-dark-2: #6d4403;
  --gs1-color-peach-accessible: #9d6304;
  --gs1-color-peach: #fbb034;
  --gs1-color-purple-accessible-dark-1: #823d80;
  --gs1-color-purple-accessible-dark-2: #6f346d;
  --gs1-color-purple-accessible: #a2539a;
  --gs1-color-purple: #bd80b7;
  --gs1-color-raspberry-accessible-dark-1: #b32253;
  --gs1-color-raspberry-accessible-dark-2: #961c46;
  --gs1-color-raspberry-accessible: #d12b61;
  --gs1-color-raspberry: #f05587;
  --gs1-color-sky-accessible-dark-1: #095a6b;
  --gs1-color-sky-accessible-dark-2: #074755;
  --gs1-color-sky-accessible: #007b93;
  --gs1-color-sky: #00b6de;
  --gs1-color-slate-accessible-dark-1: #235696;
  --gs1-color-slate-accessible-dark-2: #1c4578;
  --gs1-color-slate-accessible: #3a70bf;
  --gs1-color-slate: #89aadb;
  --gs1-color-tangerine-accessible-dark-1: #7a3d00;
  --gs1-color-tangerine-accessible-dark-2: #663300;
  --gs1-color-tangerine-accessible-light-1: #ffdab3;
  --gs1-color-tangerine-accessible-light-2: #ffe6cc;
  --gs1-color-tangerine-accessible: #a15700;
  --gs1-color-tangerine: #ff8200;
  --gs1-color-teal-accessible-dark-1: #14615f;
  --gs1-color-teal-accessible-dark-2: #104c4b;
  --gs1-color-teal-accessible: #177c7a;
  --gs1-color-teal: #22bcb9;
  --gs1-color-terracotta-accessible-dark-1: #854525;
  --gs1-color-terracotta-accessible-dark-2: #703a1f;
  --gs1-color-terracotta-accessible: #ab5a2f;
  --gs1-color-terracotta: #d18158;
  --gs1-color-white: #ffffff;
  --gs1-color-ui-1: #f0f5fa;
  --gs1-color-ui-2: #e5f0fc;
  --gs1-color-ui-3: #c4d7ed;
  --gs1-color-ui-4: #e5e8eb;
  --gs1-color-ui-5: #a6b0bb;
  --gs1-color-ui-6: #696d73;
  --gs1-color-ui-7: #414345;
  --gs1-color-ui-8: #262626;
}

.gs1-color-blue {
  color: #002c6c !important;
}

.gs1-background-color-blue {
  background-color: #002c6c !important;
}

.gs1-color-danger {
  color: #ba1b23 !important;
}

.gs1-background-color-danger {
  background-color: #ba1b23 !important;
}

.gs1-color-forest-accessible {
  color: #008037 !important;
}

.gs1-background-color-forest-accessible {
  background-color: #008037 !important;
}

.gs1-color-forest {
  color: #00ac4a !important;
}

.gs1-background-color-forest {
  background-color: #00ac4a !important;
}

.gs1-color-gold-accessible {
  color: #826f00 !important;
}

.gs1-background-color-gold-accessible {
  background-color: #826f00 !important;
}

.gs1-color-gold {
  color: #c4b000 !important;
}

.gs1-background-color-gold {
  background-color: #c4b000 !important;
}

.gs1-color-grass-accessible {
  color: #417e12 !important;
}

.gs1-background-color-grass-accessible {
  background-color: #417e12 !important;
}

.gs1-color-grass {
  color: #7ac143 !important;
}

.gs1-background-color-grass {
  background-color: #7ac143 !important;
}

.gs1-color-honey-accessible {
  color: #8d6b19 !important;
}

.gs1-background-color-honey-accessible {
  background-color: #8d6b19 !important;
}

.gs1-color-honey {
  color: #b78b20 !important;
}

.gs1-background-color-honey {
  background-color: #b78b20 !important;
}

.gs1-color-lavender-accessible {
  color: #835cbc !important;
}

.gs1-background-color-lavender-accessible {
  background-color: #835cbc !important;
}

.gs1-color-lavender {
  color: #af96d4 !important;
}

.gs1-background-color-lavender {
  background-color: #af96d4 !important;
}

.gs1-color-lime-accessible {
  color: #667800 !important;
}

.gs1-background-color-lime-accessible {
  background-color: #667800 !important;
}

.gs1-color-lime {
  color: #c1d82f !important;
}

.gs1-background-color-lime {
  background-color: #c1d82f !important;
}

.gs1-color-link-accessible {
  color: #00799e !important;
}

.gs1-background-color-link-accessible {
  background-color: #00799e !important;
}

.gs1-color-link {
  color: #008dbd !important;
}

.gs1-background-color-link {
  background-color: #008dbd !important;
}

.gs1-color-mint-accessible {
  color: #3f7c5a !important;
}

.gs1-background-color-mint-accessible {
  background-color: #3f7c5a !important;
}

.gs1-color-mint {
  color: #71b790 !important;
}

.gs1-background-color-mint {
  background-color: #71b790 !important;
}

.gs1-color-mist-accessible {
  color: #41778c !important;
}

.gs1-background-color-mist-accessible {
  background-color: #41778c !important;
}

.gs1-color-mist {
  color: #8db9ca !important;
}

.gs1-background-color-mist {
  background-color: #8db9ca !important;
}

.gs1-color-olive-accessible {
  color: #677642 !important;
}

.gs1-background-color-olive-accessible {
  background-color: #677642 !important;
}

.gs1-color-olive {
  color: #9dbb68 !important;
}

.gs1-background-color-olive {
  background-color: #9dbb68 !important;
}

.gs1-color-orange-accessible {
  color: #cd3c0d !important;
}

.gs1-background-color-orange-accessible {
  background-color: #cd3c0d !important;
}

.gs1-color-orange {
  color: #f26334 !important;
}

.gs1-background-color-orange {
  background-color: #f26334 !important;
}

.gs1-color-peach-accessible {
  color: #9d6304 !important;
}

.gs1-background-color-peach-accessible {
  background-color: #9d6304 !important;
}

.gs1-color-peach {
  color: #fbb034 !important;
}

.gs1-background-color-peach {
  background-color: #fbb034 !important;
}

.gs1-color-purple-accessible {
  color: #a2539a !important;
}

.gs1-background-color-purple-accessible {
  background-color: #a2539a !important;
}

.gs1-color-purple {
  color: #bd80b7 !important;
}

.gs1-background-color-purple {
  background-color: #bd80b7 !important;
}

.gs1-color-raspberry-accessible {
  color: #d12b61 !important;
}

.gs1-background-color-raspberry-accessible {
  background-color: #d12b61 !important;
}

.gs1-color-raspberry {
  color: #f05587 !important;
}

.gs1-background-color-raspberry {
  background-color: #f05587 !important;
}

.gs1-color-sky-accessible {
  color: #007b93 !important;
}

.gs1-background-color-sky-accessible {
  background-color: #007b93 !important;
}

.gs1-color-sky {
  color: #00b6de !important;
}

.gs1-background-color-sky {
  background-color: #00b6de !important;
}

.gs1-color-slate-accessible {
  color: #3a70bf !important;
}

.gs1-background-color-slate-accessible {
  background-color: #3a70bf !important;
}

.gs1-color-slate {
  color: #89aadb !important;
}

.gs1-background-color-slate {
  background-color: #89aadb !important;
}

.gs1-color-tangerine-accessible {
  color: #a15700 !important;
}

.gs1-background-color-tangerine-accessible {
  background-color: #a15700 !important;
}

.gs1-color-tangerine {
  color: #ff8200 !important;
}

.gs1-background-color-tangerine {
  background-color: #ff8200 !important;
}

.gs1-color-teal-accessible {
  color: #177c7a !important;
}

.gs1-background-color-teal-accessible {
  background-color: #177c7a !important;
}

.gs1-color-teal {
  color: #22bcb9 !important;
}

.gs1-background-color-teal {
  background-color: #22bcb9 !important;
}

.gs1-color-terracotta-accessible {
  color: #ab5a2f !important;
}

.gs1-background-color-terracotta-accessible {
  background-color: #ab5a2f !important;
}

.gs1-color-terracotta {
  color: #d18158 !important;
}

.gs1-background-color-terracotta {
  background-color: #d18158 !important;
}

.gs1-color-white {
  color: #ffffff !important;
}

.gs1-background-color-white {
  background-color: #ffffff !important;
}

.gs1-color-ui-1 {
  color: #f0f5fa !important;
}

.gs1-background-color-ui-1 {
  background-color: #f0f5fa !important;
}

.gs1-color-ui-2 {
  color: #e5f0fc !important;
}

.gs1-background-color-ui-2 {
  background-color: #e5f0fc !important;
}

.gs1-color-ui-3 {
  color: #c4d7ed !important;
}

.gs1-background-color-ui-3 {
  background-color: #c4d7ed !important;
}

.gs1-color-ui-4 {
  color: #e5e8eb !important;
}

.gs1-background-color-ui-4 {
  background-color: #e5e8eb !important;
}

.gs1-color-ui-5 {
  color: #a6b0bb !important;
}

.gs1-background-color-ui-5 {
  background-color: #a6b0bb !important;
}

.gs1-color-ui-6 {
  color: #696d73 !important;
}

.gs1-background-color-ui-6 {
  background-color: #696d73 !important;
}

.gs1-color-ui-7 {
  color: #414345 !important;
}

.gs1-background-color-ui-7 {
  background-color: #414345 !important;
}

.gs1-color-ui-8 {
  color: #262626 !important;
}

.gs1-background-color-ui-8 {
  background-color: #262626 !important;
}

/* @import "../../fontawesome/scss/fontawesome.scss";

// our project needs Solid + Brands
@import "../../fontawesome/scss/solid.scss"; */


/* GENERAL */

/* 
Nervy drasajuci
Sialenstvo privodzujuci
Davy poburujuci
DEAKTIVOVANY
*/
/* *,
*::before,
*::after {
  transition: 0.1s ease !important;
} */

/*
fix na predchadzaujucu nocnu moru
*/
.navbar *,
.navbar *::before,
.navbar *::after {
  transition: 0.1s ease !important;
}

body {
  color: #262626;
  font-family: inherit !important;
}

header,
main,
footer {
  clear: both;
}

.hidden {
  display: none !important;
}

/* HEADERS */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {
  color: #002c6c;
}

h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 1.875rem;
}

h2 {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1.875rem;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.563rem;
  margin-top: 0;
  margin-bottom: 0.625rem;
}

h4 {
  font-size: 1rem;
  margin-top: 0;
}

h3, h4 {
  font-weight: 350;
}

/* ol, ul {
    overflow: hidden;
} */
a:hover {
  text-decoration: none;
}

/* BACKGROUNDS */
.bg-blue {
  background-color: #002c6c;
}
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6 {
  color: #ffffff;
  margin-top: 0 !important;
}

/* ALIGNS */
.text-right {
  text-align: right !important;
}

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

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

/* PARAGRAPH, UL, OL */
p, ul, ol {
  font-size: 0.938rem;
  line-height: 1.313rem;
}

/* TABLE */
table {
  border: none;
  width: 100%;
}
table.brozury tr td:first-child img {
  max-width: 9.375rem;
}
table:not(.notFirstLine):not(:has(thead)) tr:first-child, table:not(.notFirstLine) thead tr {
  color: #002c6c;
  font-weight: bold;
}
table th,
table td {
  /* padding: my-vars.$size-20 my-vars.$size-25; */
  padding: 1.25rem 0.625rem;
}
table th:not(:first-child),
table td:not(:first-child) {
  text-align: center;
}
table th:last-child:is(:nth-child(2)),
table td:last-child:is(:nth-child(2)) {
  text-align: right;
}
table tr {
  border-bottom: 1px solid #c4d7ed;
}
table tbody tr:last-child, table > tr:last-child {
  border: none;
}

.regInput table:not(:has(thead)) tr:first-child, .regInput table thead tr {
  color: #262626;
  font-weight: normal;
}
.regInput table th, .regInput table td {
  padding: 0.625rem 0.938rem;
}

/* LOGO */
.logo {
  display: contents;
}
.logo,
.logo img {
  max-height: 70px;
}

/* BUTTON */
button,
a.button {
  padding: 0.625rem 1.25rem;
  border-radius: 4px;
  border: 1px solid;
  min-width: 45px;
  max-width: 100%;
  font-size: 0.938rem;
  font-weight: 350;
  line-height: 1.313rem;
}
button.default-button,
a.button.default-button {
  background: #cd3c0d;
  border-color: #cd3c0d;
  color: #ffffff;
}
button.outline-button,
a.button.outline-button {
  background-color: #ffffff;
  border-color: #cd3c0d;
  color: #cd3c0d;
}
button.small-button,
a.button.small-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
button.without-br,
a.button.without-br {
  border-radius: 0;
}
/* button:hover, button:active,
a.button:hover,
a.button:active {
  background-color: #a82c05;
  border-color: #a82c05;
  color: #ffffff;
  text-decoration: none;
} */
button:disabled,
a.button:disabled {
  background: #E5E8EB;
  border-color: #E5E8EB;
  color: #A6B0BB;
}
button.with-arrow::after,
a.button.with-arrow::after {
  content: url(../images/button-with-arrow.svg);
  padding-left: 0.5rem;
}
button.with-arrow.outline-button::after,
a.button.with-arrow.outline-button::after {
  content: url(../images/button-with-arrow-orange.svg);
}
button.with-arrow:hover::after, button.with-arrow:active::after,
a.button.with-arrow:hover::after,
a.button.with-arrow:active::after {
  padding-left: 0.75rem;
}
button.with-arrow:hover, button.with-arrow:active,
a.button.with-arrow:hover,
a.button.with-arrow:active {
  padding-right: 1rem;
}
button.with-arrow:hover::after, button.with-arrow:focus::after, button.with-arrow:active::after,
a.button.with-arrow:hover::after,
a.button.with-arrow:focus::after,
a.button.with-arrow:active::after {
  content: url(../images/button-with-arrow.svg);
}
button.with-arrow:disabled::after,
a.button.with-arrow:disabled::after {
  content: url(../images/button-with-arrow-disabled.svg);
  padding-left: 0.5rem;
}

/* INPUT, OUTPUT */
input,
output {
  border-radius: 4px;
  line-height: 1.25rem;
  padding: 0.625rem;
  /* min-height: my-vars.$size-38; */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #696d73;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #696d73;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #696d73;
}

hr {
  margin: 0;
}

/* LINK */
a {
  color: #00799e;
  text-decoration: none;
}
a:not(.notHover, .button):hover {
  color: #002c6c;
  text-decoration: underline;
}
a.notHover {
  cursor: text;
}
a.with-arrow::after {
  content: url(../images/button-with-arrow-link.svg);
  padding-left: 0.5rem;
}
a.with-arrow:not(.notHover):hover::after, a.with-arrow:active::after {
  padding-left: 0.75rem;
}

/* PADDINGS */
.ptb-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.pT-5 {
  padding-top: 0.313rem;
}

.pT-10 {
  padding-top: 0.625rem;
}

/* MARGINS */
.mb-0 {
  padding-bottom: 0 !important;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

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

.mt-05 {
  margin-top: 0.5rem;
}

.mt--50 {
  margin-top: -3.125rem;
}

/* WIDTH */
.width-100 {
  width: 100%;
}

/* COLOR */
.color-blue {
  color: #002c6c;
}

/* HEADER */
.global-navigation {
  border: 1px solid #e5f0fc;
  box-shadow: 0 2px 3px rgba(0, 44, 108, 0.2);
  position: relative;
}
.global-navigation .search {
  width: 250px;
}
.global-navigation .pre-navigation {
  height: 70px;
  margin: 24px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1rem;
}
.global-navigation .pre-navigation .primary-action {
  background-image: url("/images/primary-action.svg");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: 0.625rem 50%;
  padding-left: 2.5rem;
}
.global-navigation .pre-navigation .primary-action,
.global-navigation .pre-navigation .second-action {
  margin-left: 1.25rem;
}
.global-navigation .pre-navigation .navbar-toggler {
  border: none !important;
}
.global-navigation .pre-navigation .navbar-toggler:hover {
  background-color: #ffffff;
}
.global-navigation .pre-navigation .navbar-toggler .navbar-toggler-icon {
  background-image: url(../images/nav-toggle.svg);
}
.global-navigation .pre-navigation .navbar-collapse {
  z-index: 10000000000;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.global-navigation .navbar {
  font-weight: 350;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 5px;
}
.global-navigation .navbar li.nav-item {
  margin-bottom: 0;
}
.global-navigation .navbar li.nav-item .sub-menu {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 3px);
  z-index: -10;
  border: 1px solid #e5f0fc;
  border-radius: 0 0 4px 4px;
  background-color: #ffffff;
  padding: 1.563rem 3.125rem 3.125rem;
}
.global-navigation .navbar li.nav-item .sub-menu > h4 {
  margin-bottom: 0.625rem;
}
.global-navigation .navbar li.nav-item .sub-menu .navigation-sections {
  margin-top: 1.563rem;
}
.global-navigation .navbar li.nav-item a.nav-link {
  font-size: 0.875rem;
  color: #002c6c;
  border-radius: 4px;
  padding: 0.625rem 0.938rem;
}
.global-navigation .navbar li.nav-item a.nav-link.active {
  color: #cd3c0d;
  position: relative;
}
.global-navigation .navbar li.nav-item a.nav-link.active::after {
  content: "";
  background: #cd3c0d;
  height: 4px;
  width: 100%;
  border-radius: 2px;
  position: absolute;
  bottom: -4px;
  left: 0;
}

/* SEARCH FORM */
.searchForm {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}
.searchForm > div:first-child {
  flex-grow: 2;
}

/* FOOTER */
footer {
  margin: 3.125rem auto;
}
footer .post-footer {
  margin-top: 1.25rem;
  font-size: 0.75rem;
}
footer .post-footer .social-icons {
  padding: 10px;
  display: flex;
}
footer .post-footer .social-icons a {
  margin-right: 0.625rem;
}
footer .post-footer .utility-nav a {
  text-decoration: underline;
  margin-right: 0.625rem;
}
footer .post-footer p {
  text-align: right;
  color: #696d73;
}

/* Navigation Sections */
.navigation-sections .section h3,
.navigation-sections .info-part h3,
.list-group .section h3,
.list-group .info-part h3 {
  margin-bottom: 1.563rem;
}
.navigation-sections .section h3:not(:first-child),
.navigation-sections .info-part h3:not(:first-child),
.list-group .section h3:not(:first-child),
.list-group .info-part h3:not(:first-child) {
  margin-top: 1.563rem;
}
.navigation-sections .section > a,
.navigation-sections .info-part > a,
.list-group .section > a,
.list-group .info-part > a {
  font-size: 0.875rem;
  line-height: 1.063rem;
  display: block;
  margin-bottom: 1.25rem;
}
.navigation-sections.list-group-content .section > a,
.navigation-sections.list-group-content .info-part > a,
.list-group.list-group-content .section > a,
.list-group.list-group-content .info-part > a {
  margin-bottom: 0.25rem;
}
.navigation-sections.list-group-content .section > a:not(.without-arrow),
.navigation-sections.list-group-content .info-part > a:not(.without-arrow),
.list-group.list-group-content .section > a:not(.without-arrow),
.list-group.list-group-content .info-part > a:not(.without-arrow) {
  background-image: url("../images/button-with-arrow-link.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 1.25rem;
}

/* Feature banner */
.feature-banner {
  color: #ffffff;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background-size: cover;
  background-position: right center;
  position: relative;
  background-repeat: no-repeat;
}
.feature-banner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-image: linear-gradient(to right, rgb(0, 44, 108) 35%, rgba(0, 44, 108, 0.01));
}
.feature-banner .container {
  position: relative;
  z-index: 10;
}
.feature-banner .title,
.feature-banner h1,
.feature-banner .sub-title,
.feature-banner p {
  color: #ffffff;
}
.feature-banner .title,
.feature-banner h1 {
  margin-bottom: 0.625rem;
}
.feature-banner .sub-title,
.feature-banner p {
  margin-bottom: 3.75rem;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 325;
}
.feature-banner.feature-banner-light {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.feature-banner.feature-banner-light .title,
.feature-banner.feature-banner-light h1 {
  margin-bottom: 1.875rem;
}
.feature-banner.feature-banner-light .sub-title,
.feature-banner.feature-banner-light p {
  margin-bottom: 1.875rem;
}
.feature-banner *:last-child {
  margin-bottom: 0;
}

/* CONTENT FEATURE BANNER */
.feature-banner-content {
  background: #f0f5fa;
  padding-top: 4.375rem;
}
.feature-banner-content::before {
  content: none;
}
.feature-banner-content .title,
.feature-banner-content h1 {
  color: #002c6c;
  margin-bottom: 1.563rem;
}
.feature-banner-content .pre-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #cd3c0d;
  margin-bottom: 0.625rem;
}
.feature-banner-content .sub-title {
  color: #262626;
  margin-bottom: 0;
}

/* SLIDER */
.slider {
  height: max-content;
  position: relative;
  overflow: hidden;
}
.slider .slider-item {
  min-height: 100%;
  transition: 0.5s !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-size: 65% auto;
  background-position: right center;
  background-repeat: no-repeat;
  opacity: 0;
  /* & { */
  display: flex;
  align-items: center;
  height: 100%;
  /* } */
}
@media (max-width: 1600px) {
  .slider .slider-item {
    background-size: auto 100%;
  }
}
.slider .slider-item .feature-banner {
  height: max-content;
  width: 100%;
  flex-grow: 0;
}
.slider .slider-item .feature-banner::before {
  content: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-image: linear-gradient(to right, rgb(0, 44, 108) 35%, rgba(0, 44, 108, 0.01));
}
.slider .slider-item::before,
.slider .slider-item .bg-box,
.feature-banner .bg-box {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: linear-gradient(to right, rgb(0, 44, 108) 35%, rgba(0, 44, 108, 0.01));
}
.slider .slider-item > * {
  opacity: 1;
  transition: 0.5s;
}
.slider .slider-item.settingActive {
  z-index: 1000;
  /* & > div { */
  opacity: 1;
  /* } */
}
.slider .slider-item.settingActive > * {
  opacity: 0;
}
.slider .slider-item.active {
  z-index: 100;
  /* & > div { */
  opacity: 1;
  /* } */
}
.slider .slider-item.active > * {
  opacity: 1;
}

/* CARDS */
.card {
  position: relative;
  top: 0;
  height: 100%;
  border: 1px solid #e5f0fc;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 44, 108, 0.2);
}
.card:not(.card-vertical) img {
  height: 12.5rem;
  object-fit: cover;
}
.card .info-part {
  padding: 1.563rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
}
.card .info-part p {
  margin-bottom: 1.875rem;
  flex-grow: 1;
}
.card.card-vertical {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
.card.card-vertical img {
  width: 12.5rem;
  object-fit: cover;
}
.card:not(.list-group):hover {
  top: -0.25rem;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 44, 108, 0.2);
}

div:has(> div > .card) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 2.5rem;
  /* column-gap: my-vars.$size-50; */
  margin-bottom: 3.75rem;
}

/* BREAD CRUMB */
.bread-crumb {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.bread-crumb .item-breadcrumb {
  display: flex;
  align-items: center;
  margin-right: 0.625rem;
}
.bread-crumb .item-breadcrumb p {
  margin-bottom: 0;
  margin-right: 0.625rem;
  padding-top: 0.938rem;
  padding-bottom: 0.938rem;
  color: #696d73;
}

/* PAGINATION */
.gsPagination {
  display: flex;
  justify-content: center;
}
.gsPagination a {
  min-width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.375rem;
  background: #f0f5fa;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 350;
  text-decoration: none !important;
  color: #002c6c;
}
.gsPagination a:not(:first-child) {
  border-left: 1px solid #c4d7ed;
}
.gsPagination a.sel {
  background: #c4d7ed;
}
.gsPagination a:not(.notHover):hover {
  background: #e5f0fc;
}
.gsPagination a.notHover {
  background: #e5e8eb;
  color: #c4d7ed;
}
.gsPagination a.prevPage, .gsPagination a.nextPage {
  justify-content: center;
}
.gsPagination a.prevPage {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.gsPagination a.nextPage {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* CONTENT */
.content:not(:has(.bread-crumb)) {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.content h2 {
  margin-top: 3.75rem;
}

.typeOfCurse .typeOfCurseInner {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
}
.typeOfCurse .typeOfCurseInner img {
  max-width: 6.25rem;
  max-height: 6.25rem;
  object-fit: cover;
  /* margin-right: my-vars.$size-15;
  margin-bottom: my-vars.$size-15; */
  float: left;
}

/* TESTIMONIAL */
.testimonial {
  background: #f0f5fa;
  padding: 2.5rem;
  margin: 3.75rem auto;
  display: flex;
  column-gap: 1.563rem;
}
.testimonial > a > img, .testimonial > img {
  max-height: 160px;
  max-width: 250px;
  object-fit: cover;
}
.testimonial .testimonial-text .testimonial-quote-mark {
  margin-bottom: 1.25rem;
}
.testimonial .testimonial-text > h2 {
  font-size: 1.375rem;
  line-height: 1.938rem;
  font-weight: 325;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
.testimonial .testimonial-text .testimonial-autor h3 {
  font-weight: 325;
  margin-bottom: 0;
}
.testimonial .testimonial-text *:last-child {
  margin-bottom: 0;
}
.video-testimonial iframe {
  aspect-ratio: 16 / 9;
}

/* TABS */
.nav-tabs {
  position: relative;
  border-bottom: none;
}
.nav-tabs::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 4px;
  width: 100%;
  background: #e5e8eb;
  border-radius: 2px;
}
.nav-tabs li {
  padding: 0.5rem 1.5rem;
  font-size: 0.938rem;
  line-height: 1.313rem;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  flex-grow: 1;
}
.nav-tabs li a {
  color: #262626;
}
.nav-tabs li.active a, .nav-tabs li:hover a {
  color: #002c6c;
  text-decoration: none;
}
.nav-tabs li.active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 100;
  height: 4px;
  width: 100%;
  background: #f26334;
  border-radius: 2px;
}
.nav-tabs li:hover {
  background: #e5f0fc;
  border-radius: 4px;
}

.content-tab {
  padding: 3rem;
}
.content-tab h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* REGISTRATION TYPE PRODUCT AND DESIGN FORM ELEMENTS */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
textarea,
select,
.form-control {
  margin: 1rem auto;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border: 1px solid #c4d7ed;
  border-radius: 4px;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(:disabled, :read-only):is(:focus, :hover),
textarea:not(:disabled, :read-only):is(:focus, :hover),
select:not(:disabled, :read-only):is(:focus, :hover),
.form-control:not(:disabled, :read-only):is(:focus, :hover) {
  border: 2px solid #002c6c;
}

input:not([type=checkbox]):not([type=radio]):not([type=file]),
select,
output,
.form-control {
  height: 2.813rem;
}

textarea {
  height: 6.75rem;
}

.form-group label {
  font-size: 0.938rem;
  line-height: 1.313rem;
}
.form-group label small {
  font-size: 0.75rem;
  line-height: 1rem;
}
.form-group input:not([type=checkbox]):not([type=radio]):not([type=file]),
.form-group output,
.form-group textarea,
.form-group select,
.form-group .form-control {
  margin-top: 0.5rem;
}
.form-group .input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 2.5rem;
}
.form-group .input-group input:not([type=checkbox]):not([type=radio]):not([type=file]),
.form-group .input-group output,
.form-group .input-group textarea,
.form-group .input-group select,
.form-group .input-group .form-control {
  flex-grow: 1;
  width: auto;
  margin: 0;
  height: 3.125rem;
}
.form-group .input-group textarea {
  resize: none;
}
.form-group .input-group .input-group-addon {
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.form-group .input-group input:not([type=checkbox]):not([type=radio]):not([type=file]),
.form-group .input-group output,
.form-group .input-group textarea,
.form-group .input-group select,
.form-group .input-group .form-control,
.form-group .input-group .input-group-addon {
  height: 3.125rem;
}
.form-group .input-group:has(textarea) textarea.form-control,
.form-group .input-group:has(textarea) .input-group-addon {
  height: 9.375rem;
}

.form-group,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) {
  position: relative;
  margin-bottom: 0.5rem;
  /* input, select, textarea { */
  /* } */
  /* input, select, textarea { */
  /* } */
}
.form-group input[type=text],
.form-group output,
.form-group select,
.form-group textarea, .form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input), .form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) input[type=text],
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) output,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) textarea,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) {
  padding-right: 1.25rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.form-group select, .form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input), .form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) {
  padding-right: 1.875rem;
}
.form-group select input[type=text],
.form-group select output,
.form-group select select,
.form-group select textarea, .form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) input[type=text],
.form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) output,
.form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) select,
.form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) textarea, .form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) input[type=text],
.form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) output,
.form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) select,
.form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) textarea,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select input[type=text],
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select output,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select textarea,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) input[type=text],
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) output,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) textarea,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) input[type=text],
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) output,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) textarea {
  margin-right: -1.875rem;
  width: calc(100% + 1.875rem);
}
.form-group .success-input,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .success-input {
  border: 1px solid #008037 !important;
}
.form-group .bad-input,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .bad-input {
  border: 1px solid #ba1b23 !important;
}
.form-group input:is(.bad-input, .success-input), .form-group select:is(.bad-input, .success-input), .form-group textarea:is(.bad-input, .success-input), .form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input), .form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) input:is(.bad-input, .success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select:is(.bad-input, .success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) textarea:is(.bad-input, .success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) {
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
}
.form-group select,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) select {
  background-position: right 1.25rem center;
}
.form-group:has(input[type=text].bad-input, input[type=text].success-input) input::before, .form-group:has(select.bad-input, select.success-input) input::before,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(input[type=text].bad-input, input[type=text].success-input) input::before,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(select.bad-input, select.success-input) input::before {
  height: 2.813rem;
}
.form-group:has(textarea.bad-input or textarea.success-input)::before,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(textarea.bad-input or textarea.success-input)::before {
  height: 6.75rem;
}
.form-group .success-input, .form-group:has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .success-input,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].success-input, > label > input[type=checkbox].success-input, > input[typ=radio].success-input, > label > input[type=radio].success-input) {
  background-image: url("/images/success-ico.svg") !important;
}
.form-group .bad-input, .form-group:has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input),
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .bad-input,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(> input[typ=checbox].bad-input, > label > input[type=checkbox].bad-input, > input[typ=radio].bad-input, > label > input[type=radio].bad-input) {
  background-image: url("/images/fail-ico.svg") !important;
}
.form-group .skError, .form-group .enError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .skError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) .enError {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0;
}
.form-group:has(.success-input) .skError, .form-group:has(.success-input) .skError a, .form-group:has(.success-input) .enError, .form-group:has(.success-input) .enError a,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.success-input) .skError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.success-input) .skError a,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.success-input) .enError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.success-input) .enError a {
  color: #008037;
}
.form-group:has(.bad-input) .skError, .form-group:has(.bad-input) .skError a, .form-group:has(.bad-input) .enError, .form-group:has(.bad-input) .enError a,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.bad-input) .skError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.bad-input) .skError a,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.bad-input) .enError,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input):has(.bad-input) .enError a {
  color: #ba1b23;
}
.form-group a,
div:has(> .success-input, > label > .success-input, > .bad-input, > label > .bad-input) a {
  font-weight: 700;
}

.chooseTypeCode {
  display: flex;
  gap: 1.563rem;
  margin-bottom: 2.5rem;
}
.chooseTypeCode .regCheck {
  position: relative;
  text-align: center;
  background-color: #002c6c;
  border-bottom: 4px solid #002c6c;
  border-radius: 4px;
  color: #ffffff;
  padding: 0.75rem;
  padding-bottom: 1.563rem;
  flex-grow: 1;
}
.chooseTypeCode .regCheck small {
  display: block;
}
.chooseTypeCode .regCheck .altCheck {
  position: absolute;
  bottom: -0.875rem;
  left: calc(50% - 0.781rem);
  width: 1.563rem;
  height: 1.563rem;
  background: #ffffff;
  border: 1px solid #f26334;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chooseTypeCode .regCheck .altCheck i {
  color: #ffffff;
}
.chooseTypeCode .regCheck input {
  display: none;
}
.chooseTypeCode .regCheck.sel {
  border-bottom-color: #f26334;
}
.chooseTypeCode .regCheck.sel .altCheck i {
  color: #002c6c;
}
.chooseTypeCode .regCheck:hover {
  cursor: pointer;
}

div.selectDivOuter:has(select) {
  position: relative;
}
div.selectDivOuter:has(select) .selectDiv {
  box-sizing: border-box;
  max-height: 0;
  width: 100%;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 1000000;
  overflow: hidden;
  background: #F0F1F0;
  border-radius: 6px;
}
div.selectDivOuter:has(select) .selectDiv p {
  margin-bottom: 0;
  padding-left: 1.563rem;
  padding-right: 1.563rem;
}
div.selectDivOuter:has(select) .selectDiv p:hover {
  cursor: pointer;
  background: #4C95F5;
  color: #ffffff;
}
div.selectDivOuter:has(select) .selectDiv p.active {
  background-image: url("/images/check-ico.svg");
  background-repeat: no-repeat;
  background-size: 0.813rem;
  background-position: 0.313rem 50%;
}
div.selectDivOuter:has(select) select:focus {
  border-color: #002c6c;
  box-shadow: none;
}
div.selectDivOuter:has(select):has(select:focus) .selectDiv {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  max-height: 12.5rem;
  overflow-y: auto;
  border: 1px solid #C6C6C6;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

input:is(:disabled, input[readonly],
textarea[readonly],
select[readonly]),
textarea:is(:disabled, input[readonly],
textarea[readonly],
select[readonly]),
select:is(:disabled, input[readonly],
textarea[readonly],
select[readonly]) {
  border-color: #c4d7ed;
  color: #c4d7ed;
  background-color: #ffffff !important;
}

/* REGISTRATION LINE BEHIND BUTTONS */
.regPas {
  margin-top: 2.5rem;
  position: relative;
  display: flex;
  justify-content: center;
}
.regPas::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  z-index: -10;
  width: 100%;
  height: 1px;
  background: #e5e8eb;
}
.regPas .regBtn button, .regPas .regBtn {
  position: relative;
}
.regPas .regBtn::before {
  content: "";
  position: absolute;
  left: -0.625rem;
  top: 0%;
  z-index: 0;
  width: calc(100% + 1.25rem);
  height: 100%;
  background: #ffffff;
}
.regPas .pasPad {
  display: flex;
  justify-content: center;
  gap: 5%;
}
.regPas .pasPad .regBtn {
  flex-shrink: 0;
}

/* REGISTRATION FORM INFO ABOUT COMPANY */
.regInput {
  border: 1px solid #002c6c;
  border-top: 4px solid #f26334;
  border-radius: 0 0 4px 4px;
  margin: 1.25rem auto;
  padding: 1.25rem;
}

/* ALERT */
/* .alert { */
  /* background: #e5f0fc;
  padding: 1.5rem;
  padding-top: 1.125rem;
  position: relative; */
  /* ALERT COLOR VARIATION */
/* } */
.alert:has(> .text-part),
.alert .container {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.alert .text-part {
  flex-grow: 1;
}
.alert i.exit-alert {
  flex-grow: 0;
  font-size: 1rem;
  cursor: pointer;
}
.alert.notification::before {
  content: "";
  background-color: #002c6c;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 2.5px;
}
.alert > *:last-child {
  margin-bottom: 0;
}
.alert p {
  margin-bottom: 0;
}
.alert.top-bar-alert {
  position: fixed;
  top: -105%;
  left: 0;
  right: 0;
  z-index: 100000;
  border-radius: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.alert.danger-alert {
  background: #ffdfdf;
  color: #ba1b23;
}
.alert.danger-alert.notification::before {
  background-color: #ba1b23;
}
.alert.warming-alert {
  background: #ffe6cc;
  color: #a15700;
}
.alert.warming-alert.notification::before {
  background-color: #a15700;
}
.alert.success-alert {
  background: #ccf1dc;
  color: #026b30;
}
.alert.success-alert.notification::before {
  background-color: #026b30;
}

/* TOOLTIP */
*:has(> .tooltip) {
  position: relative;
}

.tooltip {
  visibility: hidden;
  display: none;
  opacity: 1;
  transition: 0.2s ease-in-out;
}
.tooltip > img {
  float: left;
  max-width: 12.5rem;
  margin-right: 0.938rem;
}
.tooltip.active {
  display: block;
  visibility: visible;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #414345;
  padding: 0.5rem 0.625rem;
  border-radius: 4px;
}
.tooltip.active * {
  color: #ffffff;
}

/* SEARCH */
.search {
  width: 250px;
  background: url(../images/search-ico.svg) no-repeat;
  background-size: 1.25rem !important;
  background-position: 0.625rem 50% !important;
  padding-left: 2.5rem !important;
  border: 1px solid #c4d7ed !important;
  margin-bottom: 0 !important;
}

.search-image img {
  width: 24px !important;
}

@media (min-width: 1201px) {
  .hide-pc {
    display: none !important;
  }
  .global-navigation .navbar .container {
    position: relative;
  }
  .global-navigation .navbar li.nav-item:hover .sub-menu {
    opacity: 1;
    z-index: 10000;
  }
  .global-navigation .navbar li.nav-item:hover a.nav-link {
    background: #e5f0fc;
    text-decoration: none;
  }
}
@media (max-width: 1200px) {
  .hide-mobile {
    display: none !important;
  }
  /* HEADER */
  .global-navigation .navbar {
    position: static;
  }
  .global-navigation .navbar li.nav-item .sub-menu {
    position: inherit;
    left: 0;
    top: 0;
    opacity: 1;
    height: 0;
    padding: 0;
    background: #e5e8eb;
  }
  .global-navigation .navbar li.nav-item.active .sub-menu {
    height: auto;
    padding: 1.563rem 3.125rem 3.125rem;
  }
  /* FOOTER */
  footer .social-icons {
    margin-bottom: 1.875rem;
  }
  footer .social-icons a img {
    width: 2.25rem;
    margin-right: 0.938rem;
  }
  footer hr {
    margin-top: 0.625rem;
  }
  footer .post-footer {
    margin-top: 1.25rem;
    font-size: 0.75rem;
  }
  footer .post-footer .utility-nav a {
    display: block;
    margin-bottom: 1.25rem;
  }
  footer .post-footer .utility-nav a:last-child {
    margin-bottom: 1.875rem;
  }
  footer .post-footer p {
    text-align: left;
  }
  .feature-banner {
    padding-top: 1.875rem;
    padding-bottom: 1.563rem;
  }
  .feature-banner .title {
    margin-bottom: 1.875rem;
  }
  .feature-banner .sub-title {
    margin-bottom: 1.875rem;
  }
  .card {
    height: auto;
    margin-bottom: 1.25rem;
    overflow: hidden;
  }
  .card .info-part {
    flex-grow: 0;
  }
  /* TESTIMONIAL */
  .testimonial {
    padding: 3rem;
    position: relative;
  }
  .testimonial .testimonial-quote-mark {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: -2rem;
    left: -2rem;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #e5f0fc;
    box-shadow: 0 10px 30px rgba(0, 44, 108, 0.2);
  }
  .testimonial .testimonial-autor img {
    border-radius: 50%;
    width: 58px;
    height: 58px;
    object-fit: cover;
    float: left;
    margin-right: 1.25rem;
  }
  /* TABS */
  .content-tab {
    padding: 3rem 0.5rem;
  }
}
@media (max-width: 991px) {
  .chooseTypeCode {
    flex-wrap: wrap;
  }
}
@media (max-width: 470px) {
  .regPas .pasPad {
    flex-wrap: wrap;
    gap: 10px 5%;
  }
}
@media (min-width: 576px) and (max-width: 769px) {
  .container, .container-sm {
    max-width: unset;
  }
}
.eanonline-menu__list {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
  justify-content: flex-end;
}
.eanonline-menu__list li {
  /* display: inline-block;
  padding: my-vars.$size-10; */
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}

.pull-right {
  float: right;
}

/*
Deaktivacia custom stylov pre dropdown
prepisovali defaultne BS styly
Dropdown nefungoval ako mal podla dokumentacie
*/

/* .tooltip .dropdown-actions {
  margin-top: -10px;
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.tooltip .dropdown-menu {
  border-radius: 0;
  border-top: 0;
  margin-top: 0px;
  box-shadow: none;
  width: 100%;
  padding-bottom: 15px;
}

.dropdown {
  position: relative;
}
.dropdown > .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  background-clip: padding-box;
}
.dropdown.open > .dropdown-menu {
  display: block;
} */

.btn .caret {
  margin-left: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.chosen-single {
  display: flex !important;
  align-items: center;
}

.del_okno {
  width: 300px;
  border: 3px solid #FF0000;
  background: #FFFFFF;
  height: 90px;
  position: absolute;
  z-index: 100;
  display: none;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -45px;
  padding: 10px;
  border-radius: 6px;
}

/* USER INFO AND DROPDOWN */
.user-info {
  margin-left: 0.625rem;
}

.user-menu {
  display: inline-block;
  margin-bottom: 1.25rem;
  color: #f26334;
  text-align: center;
  padding: 0.625rem;
  border-radius: 4px;
  position: relative;
  z-index: 1000000;
}
.user-menu span {
  margin-left: 0.625rem;
}
.user-menu .user-menu-inner {
  display: none;
  position: absolute;
  top: calc(100% - 4px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #cd3c0d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.user-menu .user-menu-inner a {
  padding: 0.625rem;
  color: #f26334;
}
.user-menu .user-menu-inner a:hover {
  background-color: #f26334;
  color: #fff;
  text-decoration: none;
}
.user-menu:hover {
  cursor: pointer;
  background-color: #cd3c0d;
  color: #ffffff;
}
.user-menu:hover .user-menu-inner {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .testimonial {
    flex-wrap: wrap;
    row-gap: 1.563rem;
  }
}
.sliderNavigation {
  position: absolute;
  z-index: 1000;
  bottom: 50px;
  right: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 0;
  gap: 15px;
  transition: .2s ease-in-out;
}
.sliderNavigation a {
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e5f0fc;
  box-shadow: 0 2px 3px 0 rgba(0,44,108,.2);
  padding: 15px;
  transition: .2s ease-in-out;
}
.sliderNavigation i {
  color: rgb(0, 44, 108);
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sliderNavigation a:hover {
  bottom: 5px;
  box-shadow: 0 10px 30px rgba(0,44,108,.2);
  text-decoration: none;
  background: #ccc;
}