:root{
    --svg-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwZTIzIj48cGF0aCBkPSJNNDgwLTMyMHE3NSAwIDEyNy41LTUyLjVUNjYwLTUwMHEwLTc1LTUyLjUtMTI3LjVUNDgwLTY4MHEtNzUgMC0xMjcuNSA1Mi41VDMwMC01MDBxMCA3NSA1Mi41IDEyNy41VDQ4MC0zMjBabTAtNzJxLTQ1IDAtNzYuNS0zMS41VDM3Mi01MDBxMC00NSAzMS41LTc2LjVUNDgwLTYwOHE0NSAwIDc2LjUgMzEuNVQ1ODgtNTAwcTAgNDUtMzEuNSA3Ni41VDQ4MC0zOTJabTAgMTkycS0xNDYgMC0yNjYtODEuNVQ0MC01MDBxNTQtMTM3IDE3NC0yMTguNVQ0ODAtODAwcTE0NiAwIDI2NiA4MS41VDkyMC01MDBxLTU0IDEzNy0xNzQgMjE4LjVUNDgwLTIwMFptMC0zMDBabTAgMjIwcTExMyAwIDIwNy41LTU5LjVUODMyLTUwMHEtNTAtMTAxLTE0NC41LTE2MC41VDQ4MC03MjBxLTExMyAwLTIwNy41IDU5LjVUMTI4LTUwMHE1MCAxMDEgMTQ0LjUgMTYwLjVUNDgwLTI4MFoiLz48L3N2Zz4=");
    --svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBkPSJNNC4yMDcwMzEyIDIuNzkyOTY4OEwyLjc5Mjk2ODggNC4yMDcwMzEyTDUuMDc2MTcxOSA2LjQ5MDIzNDRDMi4xOTkzNDQ3IDguODM4MjAwNSAxIDEyIDEgMTJDMSAxMiA0IDIwIDEyIDIwQzE0LjA3NTU2OCAyMCAxNS44MDYwMDMgMTkuNDU0NzMgMTcuMjQyMTg4IDE4LjY1NjI1TDE5Ljc5Mjk2OSAyMS4yMDcwMzFMMjEuMjA3MDMxIDE5Ljc5Mjk2OUw0LjIwNzAzMTIgMi43OTI5Njg4IHogTSAxMiA0QzEwLjc4OCA0IDkuNzA1Nzk2OSA0LjE5OTcxODcgOC43MTY3OTY5IDQuNTExNzE4OEwxMS4yNzczNDQgNy4wNzIyNjU2QzExLjUxNDM0NCA3LjAzNzI2NTYgMTEuNzUzIDcgMTIgN0MxNC43NjEgNyAxNyA5LjIzOSAxNyAxMkMxNyAxMi4yNDcgMTYuOTYyNzM0IDEyLjQ4NTY1NiAxNi45Mjc3MzQgMTIuNzIyNjU2TDIwLjM1NzQyMiAxNi4xNTIzNDRDMjIuMjA0NDIyIDE0LjEwMjM0NCAyMyAxMiAyMyAxMkMyMyAxMiAyMCA0IDEyIDQgeiBNIDcuODMzOTg0NCA5LjI0ODA0NjlMOS4yOTY4NzUgMTAuNzEwOTM4QzkuMTA4MTU5NSAxMS4xMDA4MjkgOSAxMS41MzY1NjYgOSAxMkM5IDEzLjY1NyAxMC4zNDMgMTUgMTIgMTVDMTIuNDYzNDM0IDE1IDEyLjg5OTE3MSAxNC44OTE4NCAxMy4yODkwNjIgMTQuNzAzMTI1TDE0Ljc1MTk1MyAxNi4xNjYwMTZDMTMuOTYyMDM5IDE2LjY4OTc1OCAxMy4wMTkyNzEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDEwLjk4MDcyOSA3LjMxMDI0MTUgMTAuMDM3OTYxIDcuODMzOTg0NCA5LjI0ODA0NjkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
    --body-color: #fff;
    --bg-navbar-color: rgb(25,59,103,0.05);

    --btn-primary-color: #002664;
    --btn-primary-color-hover: #174875;

    --link-color: #002664;
    --link-hover: #174875;
    --link-focus: #F6CF22;
    
    --txt-primary-color: #22272B;
    --txt-danger-color: #7E0C33;
    --txt-font-size: 1rem;
    --txt-font-color:#002D42;
    --txt-font-weight-400: 400;
    --txt-font-weight-500: 500;
    --txt-font-weight-600: 600;
    --txt-form-label-size: 1rem;
    --txt-form-label-weight: 500;
    --txt-form-label-color: #0b0c0c;
    --log-form-font-size-091: 0.913rem;
}

/*   var(--body-color)  */

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

html { }
body { background-color:var(--body-color); font-family: "Manrope", sans-serif; color: #22272B;font-size: 1rem; font-weight: 500; height: calc(100vh + 0.5rem);}
h1,
h2,
h3,
h4,
h5,
h6 { color: var(--txt-primary-color);}

h1 {font-size: 1.563rem;}
h2 {font-size: 1.188rem; line-height: 1.8rem;}

h5 {color: var(--link-color);font-size: 0.938rem;font-weight: var(--txt-font-weight-600);text-transform: uppercase;letter-spacing: 0.03rem;}

a { text-decoration: none!important; color:var(--link-color); border-bottom: 0.063rem solid var(--link-color);} 
a:hover { text-decoration: none!important; color:var(--link-hover); border-bottom: 0.063rem solid var(--link-hover); background-color: rgba(0, 38, 100, 0.1);}

.a-link-underline a { color: var(--link-color); font-size: var(--txt-font-size); font-weight: var(--txt-font-weight-600); padding-bottom: 0.013rem; 
 border-bottom: 0.063rem solid var(--link-color);}
.a-link-underline a:hover  { color: var(--link-hover); border-bottom: 0.188rem solid var(--link-hover); background-color: rgba(0, 38, 100, 0.1);}
.a-link-underline a:focus  { color: var(--txt-primary-color); border-bottom: 0.188rem solid var(--txt-primary-color); background-color: var(--link-focus);}

.a-link-underline-danger a { color: var(--txt-primary-color); font-size: var(--txt-font-size); font-weight: var(--txt-font-weight-600);
 border-bottom: 0.063rem solid var(--txt-primary-color); background-color: var(--link-focus);}
.a-link-underline-danger a:hover { color: var(--link-hover); border-bottom: 0.188rem solid var(--link-hover); background-color: rgba(0, 38, 100, 0.1);}
.a-link-underline-danger a:focus { color: var(--txt-primary-color); border-bottom: 0.188rem solid var(--txt-primary-color); background-color: var(--link-focus);}

.svg-icon { margin-top: -3px; margin-left: 0.25rem;}
.txt-danger { color: var(--txt-danger-color);}
.txt-primary { color: var(--txt-primary-color);}
.cursor { cursor: pointer; }
.header-top { border-top: 0.125rem solid var(--link-color); }

.font-600 { font-weight: 600;}
.font-875 { font-size: 0.875rem;}
.row-x1   { padding-top: 1.875rem; min-height: 6.875rem;}      /* Row Top NavBar */
.row-x2   { padding-top: 8.125rem;}                            /* Row Index H1 */
.row-x3   { padding-top: 5rem; padding-bottom: 15.625rem;}     /* Row Index Button */
.row-x4   { padding-top: 21rem}                             /* Row Index Card Rignt */
.row-x5   { padding-top: 5rem; padding-bottom: 12.5rem;}   /* Row Page Breadcrumbs */
.row-x5-1 { padding-left: 5.5rem; }                           /* Row Page odsazení z leva */
.row-x7   { padding-top: 1.563rem; padding-bottom: 1.563rem;}  /* Row Footer */

.logo-color-1 { width: 0.25rem; height: 1.25rem; margin-bottom: 0.375rem; background-color: #0b0c0c;}
.logo-color-2 { width: 0.25rem; height: 1.25rem; margin-bottom: 0.188rem; background-color: var(--btn-primary-color);}
.top-logo a { border: none; color: #22272B;}


.navbar-brand { font-size:0.938rem !important;text-transform:uppercase;letter-spacing:0.02rem;font-weight:var(--txt-font-weight-600);margin-right:0.875rem;}
.navbar-light { background-color: var(--bg-navbar-color);}
.navbar-light .navbar-nav .nav-link {font-size:0.938rem;text-transform:uppercase;letter-spacing:0.02rem;font-weight:var(--txt-font-weight-600);margin-right:1rem; 
 color: var(--txt-primary-color); border: 0.125rem solid transparent; padding-bottom: 0.4rem;}
.navbar-light .navbar-nav .nav-link.active { color: var(--txt-primary-color); border-bottom: 0.125rem solid var(--txt-primary-color);}
.navbar-light .navbar-nav .nav-link:hover  { color: var(--txt-primary-color); border-bottom: 0.125rem solid var(--txt-primary-color);background-color: transparent;}
.navbar-light .navbar-nav .nav-link:focus  { color: var(--txt-primary-color); border-bottom: 0.125rem solid var(--txt-primary-color);}

.navbar-light .navbar-toggler {color: var(--txt-primary-color); border: 0.125rem solid transparent;}
.navbar-toggler:focus { text-decoration: none; outline: 0;box-shadow: none !important; border: 0.125rem solid var(--txt-primary-color);}
.navbar-light .navbar-brand { color: var(--txt-primary-color);}
.navbar-top-1 { min-height: 3.6rem; }

/* Start top bread */
.bread { min-height: 2.188rem;padding-bottom: 0.5rem; }
.bread .bread-arrow {margin-top: -0.125rem; border: none;}
.bread .bread-arrow:hover {background-color: transparent;}
.bread .nav-link { padding: 0rem; color:var(--txt-primary-color); font-size: var(--txt-font-size); font-weight: 600; border-radius: 0rem;border-bottom: 0.063rem solid var(--txt-primary-color);}
.bread .nav-pills .nav-link:hover { border-bottom: 0.188rem solid var(--txt-primary-color); background-color: rgba(0, 38, 100, 0.1);;}
.bread .nav-pills .nav-link:focus { background-color: var(--link-focus); color: var(--txt-primary-color); border-bottom: 0.188rem solid var(--txt-primary-color);}
.bread .nav-pills .nav-link.active { color:var(--txt-primary-color);background-color: transparent; border-bottom: 0.063rem solid var(--txt-primary-color);}
.bread .nav-pills .nav-link.active:hover { border-bottom: 0.188rem solid var(--txt-primary-color); background-color: rgba(0, 38, 100, 0.1);}
.bread .nav-pills .nav-link.active:focus { background-color: var(--link-focus); color: var(--txt-primary-color); border-bottom: 0.188rem solid var(--txt-primary-color);}
/* Ends top bread */

.card-index { background-color: transparent; border: none!important; }
.card-index li { padding-bottom: .5rem;}

/* Start Footer */ 
.foo-bg          { background-color: var(--bg-navbar-color); border-top: 0.125rem solid var(--link-color); border-bottom: 0.125rem solid var(--link-color);}
.foo .card       { background-color: transparent; border: none; }
.foo .card li    { padding-bottom: .5rem;}
.foo .foo-log li { padding-bottom: .5rem;}
.foo-icon-svg    { margin-left: 0.65rem;}
.foo .img-en     { margin-left: 0.3rem;}

.copyright { text-align: center; padding-bottom: 1.5rem; padding-top: 1.5rem; font-size: 0.875rem; color: var(--txt-primary-color); font-weight: var(--txt-font-weight-400);}
/* SEnds Footer */
/* login form */
.log { padding-top: 1rem;}
.log .card { border: 1px solid transparent; }
.log-text-comment {font-size: var(--log-form-font-size-091)!important;}
.log-text-top-height {min-height: 3.5rem;}

.logInputh1 { min-height: 100px;}
.logInputh2 { min-height: 25px;}
/* Ends login form */
/* Start Form Specifikace */
.form-omline { }
.form-specifikace {list-style-type: decimal;}
.form-specifikace li {line-height: 2.5rem; color: var(--txt-primary-color); padding-left: 0.5rem;font-weight: 500;}

/* Start Form Group */
.form-label { margin-bottom: .1rem; font-size: var(--txt-form-label-size); font-weight: var(--txt-form-label-weight); color: var(--txt-form-label-color);}
.form-symbol { color: var(--txt-primary-color); font-weight: 900;}
.form-line-label-check { margin-top: 0.125rem; padding-left: 1rem; font-size: 1rem; font-weight: 500;}
.form-control { color: var(--txt-primary-color)!important; font-size: 1rem !important; font-weight: 500 !important;}
.form-control .error {background-color: transparent !important;}

.form-control{background: #ffffff;border-color: transparent;-webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
 border: 0.125rem solid #c1c7cd; border-radius: 0rem;}
.form-control:focus{border: 0.125rem solid #ffffff;
 box-shadow: 0rem 0rem 0rem 0.188rem #002664; 
-webkit-box-shadow: 0rem 0rem 0rem 0.188rem #002664;
-moz-box-shadow: 0rem 0rem 0rem 0.188rem #002664;}
input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;}
.form-control:disabled, .form-control[readonly] { background-color: rgba(250, 250, 250, 1); opacity: 1;}

.error-input-line {min-height: 4rem;} 
.error   {color: var(--txt-danger-color); font-weight: 600; font-size: .95rem;}

.format-sweet .sweet-icon {width: 2.188rem; padding-top: 1.5rem;}
.format-sweet p {margin-bottom: 0rem; font-size: 1rem; font-weight: 700; padding-top: 2rem; padding-bottom: 1rem;}
.format-sweet .sweet-error {color: #002664;}
.format-sweet .sweet-success {color: #002D18;}

/* Input eyes */
.btn-toggle-password-visibility {width: 1.313rem; height: 1.313rem; background-image: var(--svg-eye-close); background-size: contain; background-repeat: no-repeat;
 background-position: center; cursor: pointer; }
.btn-toggle-password-visibility:focus {border-color: transparent; outline: 0; box-shadow: none; }

.input-group-sm .btn-toggle-password-visibility {width: 1rem; height: 1rem; }
.form-floating + .input-group-text .btn-toggle-password-visibility,
.input-group-lg .btn-toggle-password-visibility {width: 1.75rem; height: 1.75rem;}
.input-group:has(input:not([type="password"])) .btn-toggle-password-visibility {background-image: var(--svg-eye-open);}
.input-group:has(input.is-valid) .input-group-text {border-color: var(--bs-form-valid-border-color);}
.input-group:has(input.is-invalid) .input-group-text {border-color: var(--bs-form-invalid-border-color);}
.input-group-font {font-weight: 600; font-size: 1rem;}
/* Ends Input eyes */
.spinner-border {display: inline-block; width: 1rem; height: 1rem; vertical-align: -.2em; border: .20rem solid currentColor; border-right-color: transparent;
 border-radius: 50%;-webkit-animation: .75s linear infinite spinner-border;animation: .75s linear infinite spinner-border;}
/* Footer */
/* CheckBox */
.form-check-min-height { min-height: 3.75rem;}
.form-check { display: block;min-height: 1.5rem;padding-left: 1.75rem; margin-bottom: 0.125rem;}
.form-check .form-check-input {float: left; margin-left: -1.75rem;}
.form-check-input { width: 1.5rem; height: 1.5rem; margin-top: 0.125rem; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center;
  background-size: contain; border: 0.125rem solid #c1c7cd; appearance: none;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input[type=checkbox] { border-radius: 0rem;}
.form-check-input:active {filter: brightness(100%);}
.form-check-input:focus { border-color: #002664; outline: 0; box-shadow: 0 0 0 0.3rem #fff;}
.form-check-input:hover { border-color: #002664;}
.form-check-input:checked { background-color: #002664; border-color: #002664;}
.form-check-input:checked[type=checkbox] {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {background-color: #c1c7cd; border-color: #c1c7cd;
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled { pointer-events: none; filter: none; opacity: 1;}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 1;}
/* CheckBox */

/* Ends Footer */
.modal-body h5 {font-size: 1.25rem;font-weight:500; color:var(--txt-primary-color);text-transform: none;letter-spacing: 0rem;}
.modal-focus { background-color: var(--link-focus); color: var(--primary-color); font-weight: 600;}
.modal-form-top { border-bottom: transparent; padding: 1.2rem 1.2rem;}
.modal-form-footer { border-top: transparent;}
.modal-dialog .btn-close { box-shadow: none;}

.btn-modal { font-weight: 600; font-size: 0.875rem; border-radius: 0rem; line-height: 1.4rem; text-transform: uppercase; letter-spacing: 0.03rem;}
.btn-font  { font-weight: 600; font-size: 0.913rem; border-radius: 0rem; line-height: 1.8rem; text-transform: uppercase; letter-spacing: 0.03rem;}

.btn-outline-light { border-radius: 0rem; border: 0.125rem solid #c1c7cd; color: #f8f9fa;}
.btn-outline-light:hover {border: 0.125rem solid #c1c7cd; color: #1d70b8;}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {border: 0.125rem solid #fff;
 box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover); 
 -webkit-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
 -moz-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
 color: #000; background-color: #f8f9fa;border-color: #c1c7cd;}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
 border: 0.125rem solid var(--btn-primary-color);}
.btn-outline-light:disabled, .btn-outline-light.disabled {color: #f8f9fa; background-color: transparent;}

.btn-primary { color: #fff; background-color: var(--btn-primary-color); border: 0.125rem solid var(--btn-primary-color);}
.btn-primary:hover { background-color: var(--btn-primary-color-hover); border: 0.125rem solid var(--btn-primary-color-hover);}
.btn-check:focus + .btn-primary, .btn-primary:focus {background-color: var(--btn-primary-color-hover); border: 0.125rem solid #fff;
 box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
-webkit-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
-moz-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
 background-color: var(--btn-primary-color-hover); border-color: var(--btn-primary-color-hover);}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
 border: 0.125rem solid #fff;
 box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover); 
 -webkit-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
 -moz-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);}
.btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: rgb(126,12, 51, 0.8); border-color: rgb(126,12, 51, 0.8);}


.btn-outline-primary { color: var(--btn-primary-color); border: 0.125rem solid ; background-color: #fff;  border-color: var(--btn-primary-color);}
.btn-outline-primary:hover { color: #fff;background-color: var(--btn-primary-color);border-color: var(--btn-primary-color);}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { color: #fff; background-color: var(--btn-primary-color-hover); border-color: #fff; border: 0.125rem  solid #fff;
 box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
 -webkit-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
 -moz-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;background-color: var(--btn-primary-color-hover); border-color: var(--btn-primary-color-hover);}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover); 
 -webkit-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);
 -moz-box-shadow: 0rem 0rem 0rem 0.188rem var(--btn-primary-color-hover);}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {color: #1d70b8; background-color: transparent;}

/* Cookies */
.cookie-consent { position: fixed; bottom: 0; left: 0;right: 0; background: #fff; z-index: 9999; transform: translateY(100%); transition: transform 1s ease-in-out;
 border-top: 1px solid rgb(25,59, 103, 0.5);}
.cookie-consent.show { transform: translateY(0);}
.cookie-consent.hiding { transform: translateY(100%);}
.cookie-settings { max-height: 0; overflow: hidden;transition: max-height 1s ease-in-out;}
.cookie-settings.show { max-height: 300px;}
.cookie-min-height {min-height: 20px;}
/* Ends Cookies */

/* Custom styles for extra small devices (<576px) */
@media only screen and (max-width: 575px) {

    .subtitleh2 { font-size: 1.063rem; line-height: 1.4rem;}
    .navbar-light .navbar-nav .nav-link { padding-left:0.2rem;}
    .row-x2 { padding-top: 3rem;}
    .row-x3 { padding-top: 3rem; padding-bottom: 2rem;}
    .row-x4 { padding-top: 3rem} 
    .row-x5 { padding-top: 3rem; padding-bottom: 3rem;}   /* Row Page Breadcrumbs */
    .row-x5-1 { padding: 1rem 1rem;}    
    .card-body-footer { padding: 1rem 0.3rem; }
    .card-body-index  { padding: 1rem 0.3rem; }
    .card-body-log    { padding: 1rem 0.3rem; }
    .card-index-1     { padding: 1rem 0.3rem; }
}


/* Custom styles for extra small devices (<576px) sm */
@media only screen and (min-width: 575px) and (max-width: 768px) {

    .navbar-light .navbar-nav .nav-link { padding-left:0.2rem;}
    .row-x2 { padding-top: 3rem;}
    .row-x3 { padding-top: 3rem; padding-bottom: 2rem;}
    .row-x4 { padding-top: 3rem} 
    .row-x5 { padding-top: 3rem; padding-bottom: 3rem;}   /* Row Page Breadcrumbs */
    .row-x5-1 { padding: 1rem 1rem;}    
    .card-body-footer { padding: 1rem 0.3rem; }
    .card-body-index  { padding: 1rem 0.3rem; }

}


/* Custom styles for medium devices (≥768px) md */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .img-en { padding-left: 0.75rem; }
    .row-x2 { padding-top: 5rem;}
    .row-x3 { padding-top: 3rem; padding-bottom: 2rem;}
    .row-x4 { padding-top: 5rem} 
    .row-x5-1 { padding: 1rem 1.6rem;}
    
}

/* Custom styles for large devices (≥992px) lg */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .img-en { padding-left: 0.75rem; }
    .row-x2 { padding-top: 5rem;}
    .row-x3 { padding-top: 3rem; padding-bottom: 2rem;}
    .row-x4 { padding-top: 5rem} 
    .row-x5-1 { padding: 1rem 1.6rem;}

}

/* Custom styles for extra large devices (≥1200px) xl */
@media only screen and (min-width: 1200px) and (max-width: 1339.989px) {
    .img-en { padding-left: 0.75rem; }
    .row-x2 { padding-top: 5rem;}
    .row-x3 { padding-top: 3rem; padding-bottom: 2rem;}
    .row-x4 { padding-top: 5rem} 
    .row-x5-1 { padding: 1rem 1.6rem;}
}

/* Custom styles for extra extra large devices (≥1400px) xxl */
@media only screen and (min-width: 1400px) {
    


}