@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800");
:root {
--bs-blue: #3f78e0;
--bs-purple: #747ed1;
--bs-violet: #a07cc5;
--bs-pink: #d16b86;
--bs-red: #e2626b;
--bs-orange: #f78b77;
--bs-yellow: #fab758;
--bs-green: #6bbea3;
--bs-leaf: #7cb798;
--bs-aqua: #54a8c7;
--bs-navy: #343f52;
--bs-ash: #9499a3;
--bs-white: #fff;
--bs-light: #fefefe;
--bs-gray: #f6f7f9;
--bs-dark: #262b32;
--bs-primary: #3f78e0;
--bs-secondary: #aab0bc;
--bs-success: #6bbea3;
--bs-info: #54a8c7;
--bs-warning: #fab758;
--bs-danger: #e2626b;
--bs-font-sans-serif: "Manrope", sans-serif;
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(to right, #fab758, #f78b77, #e2626b);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
font-size: 20px;
}
body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 0.8rem;
font-weight: 500;
line-height: 1.7;
color: #60697b;
background-color: #fefefe;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h6,
h5,
h4,
h3,
h2,
h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
line-height: 1.2;
color: #343f52;
}
h1 {
font-size: calc(1.27rem + 0.24vw);
}

h2 {
font-size: calc(1.255rem + 0.06vw);
}

h3 {
font-size: 1.1rem;
}
h4 {
font-size: 0.95rem;
}
h5 {
font-size: 0.9rem;
}
h6 {
font-size: 0.85rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ul {
padding-left: 2rem;
}
ul {
margin-top: 0;
margin-bottom: 1rem;
}
ul ul {
margin-bottom: 0;
}
blockquote {
margin: 0 0 1rem;
}
strong {
font-weight: bolder;
}
a {
color: #3f78e0;
text-decoration: none;
}
a:hover {
color: #3f78e0;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
button,
[type=button],
[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;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.lead {
font-size: 0.9rem;
font-weight: 500;
}
.display-1 {
font-size: calc(1.365rem + 1.38vw);
font-weight: 700;
line-height: 1.2;
}

.display-4 {
font-size: calc(1.305rem + 0.66vw);
font-weight: 700;
line-height: 1.2;
}

.list-unstyled {
padding-left: 0;
list-style: none;
}
.container {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}

.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%;
}

.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.gx-0 {
--bs-gutter-x: 0;
}
.gy-3 {
--bs-gutter-y: 0.75rem;
}
.gy-5 {
--bs-gutter-y: 1.25rem;
}
.gy-6 {
--bs-gutter-y: 1.5rem;
}
.gy-8 {
--bs-gutter-y: 2rem;
}
.gy-10 {
--bs-gutter-y: 2.5rem;
}

.form-control {
display: block;
width: 100%;
padding: 0.6rem 1rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.7;
color: #60697b;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(8, 60, 130, 0.06);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.4rem;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #9fbcf0;
outline: 0;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04), unset;
}
.form-control::-webkit-date-and-time-value {
height: 1.7em;
}
.form-control::-moz-placeholder {
color: #959ca9;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #959ca9;
opacity: 1;
}
.form-control:disabled {
background-color: #e9ecef;
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.6rem 1rem;
margin: -0.6rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
padding: 0.6rem 1rem;
margin: -0.6rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-floating {
position: relative;
}
.form-floating>.form-control {
height: calc(3.5rem + 2px);
line-height: 1.25;
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating>label {
transition: none;
}
}
.form-floating>.form-control {
padding: 1rem 0.75rem;
}
.form-floating>.form-control::-moz-placeholder {
color: transparent;
}
.form-floating>.form-control:-ms-input-placeholder {
color: transparent;
}
.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:not(:-ms-input-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:focus {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:not(:-ms-input-placeholder)~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:focus~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:-webkit-autofill~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group>.form-control {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group>.form-control:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.collapse:not(.show) {
display: none;
}
.dropdown {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
border-top: 0.25rem solid;
border-right: 0.25rem solid transparent;
border-bottom: 0;
border-left: 0.25rem solid transparent;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 4rem;
padding: 1rem 0;
margin: 0;
font-size: 0.75rem;
color: #343f52;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.4rem;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.2rem 1.5rem;
clear: both;
font-weight: 400;
color: #343f52;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #3f78e0;
background-color: inherit;
}
.dropdown-item:active {
color: #3f78e0;
text-decoration: none;
background-color: inherit;
}
.dropdown-item:disabled {
color: #60697b;
pointer-events: none;
background-color: transparent;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.75rem;
color: #3f78e0;
white-space: nowrap;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 1.2rem 1rem;
font-size: 0.8rem;
font-weight: 700;
color: #343f52;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover,
.nav-link:focus {
color: #3f78e0;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.navbar>.container {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
font-size: 0.75rem;
white-space: nowrap;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}

.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: #343f52;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #3f78e0;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(164, 174, 198, 0.2);
border-radius: 0.4rem;
}
.card-body {
flex: 1 1 auto;
padding: 2rem 2rem;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-header {
padding: 1rem 2rem;
margin-bottom: 0;
background-color: #fff;
border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.card-header:first-child {
border-radius: 0.4rem 0.4rem 0 0;
}
.d-flex {
display: flex !important;
}
.d-none {
display: none !important;
}
.shadow-lg {
box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
}
.position-relative {
position: relative !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.w-15 {
width: 5rem !important;
}
.w-16 {
width: 6rem !important;
}
.h-16 {
height: 6rem !important;
}
.h-17 {
height: 7rem !important;
}
.h-18 {
height: 8rem !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.align-items-center {
align-items: center !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 0.75rem !important;
}
.mt-4 {
margin-top: 1rem !important;
}
.mt-5 {
margin-top: 1.25rem !important;
}
.mt-6 {
margin-top: 1.5rem !important;
}
.mt-8 {
margin-top: 2rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-4 {
margin-right: 1rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 0.75rem !important;
}
.mb-4 {
margin-bottom: 1rem !important;
}
.mb-5 {
margin-bottom: 1.25rem !important;
}
.mb-6 {
margin-bottom: 1.5rem !important;
}
.mb-7 {
margin-bottom: 1.75rem !important;
}
.mb-8 {
margin-bottom: 2rem !important;
}
.mb-9 {
margin-bottom: 2.25rem !important;
}
.mb-10 {
margin-bottom: 2.5rem !important;
}
.mb-14 {
margin-bottom: 4.5rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-6 {
padding: 1.5rem !important;
}
.px-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.py-13 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-14 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.py-16 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.pt-10 {
padding-top: 2.5rem !important;
}
.pt-14 {
padding-top: 4.5rem !important;
}
.pe-3 {
padding-right: 0.75rem !important;
}
.pb-8 {
padding-bottom: 2rem !important;
}
.pb-12 {
padding-bottom: 3.5rem !important;
}
.ps-3 {
padding-left: 0.75rem !important;
}
.text-center {
text-align: center !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
/* rtl:begin:remove */
/* rtl:end:remove */
.text-blue {
color: #3f78e0 !important;
}
.text-red {
color: #e2626b !important;
}
.text-yellow {
color: #fab758 !important;
}
.text-green {
color: #6bbea3 !important;
}
.text-white {
color: #fff !important;
}
.text-muted {
color: #aab0bc !important;
}
.text-inverse {
color: #cacaca !important;
}
.text-dark {
color: #343f52 !important;
}
.bg-light {
background-color: #fefefe !important;
}
.bg-dark {
background-color: #262b32 !important;
}
.bg-primary {
background-color: #3f78e0 !important;
}
.rounded {
border-radius: 0.4rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-spacing: 0.05rem;
overflow-x: hidden !important;
}
::-moz-selection {
background: rgba(63, 120, 224, 0.7);
color: #fff;
}
::selection {
background: rgba(63, 120, 224, 0.7);
color: #fff;
}
button:focus {
outline: 0;
}
a {
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
a {
transition: none;
}
}
a.hover {
position: relative;
}
a.hover::before {
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
a.hover::before {
content: "";
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
a.hover:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}
.text-inverse,
.text-inverse a:not(.btn) {
color: #fff;
}
.bg-dark.text-inverse,
.bg-dark.text-inverse a:not(.btn):not([class*=link-]),
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]) {
color: #cacaca;
}
.text-inverse a:not(.btn):hover,
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover {
color: #3f78e0;
}
.text-inverse a:not(.btn):hover {
border-color: #3f78e0;
}
.more {
font-weight: 700;
letter-spacing: -0.01rem;
display: inline-block;
}
.more:after {
font-family: "Custom";
content: "";
padding-left: 0.3rem;
font-size: 0.35rem;
font-weight: normal;
vertical-align: 0.05rem;
letter-spacing: -0.01rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
}
h2.text-uppercase {
letter-spacing: 0.02rem;
}
h1 {
line-height: 1.3;
}
h2 {
line-height: 1.35;
}
h3 {
line-height: 1.4;
}
h4 {
line-height: 1.45;
}
h5 {
line-height: 1.5;
}
h6 {
line-height: 1.55;
}
.display-1 {
line-height: 1.2;
}
.display-4 {
line-height: 1.3;
}
.lead {
line-height: 1.65;
}
.lead.fs-lg {
font-size: 1.05rem;
line-height: 1.6;
}
.rounded img {
border-radius: 0.4rem;
}
figure {
margin: 0;
padding: 0;
}
figure img {
width: 100%;
max-width: 100%;
height: auto !important;
}
.bg-soft-blue {
background-color: #f1f5fd !important;
}
.bg-soft-primary {
background-color: #f1f5fd !important;
}
.bg-gradient-primary {
background: linear-gradient(180deg, #f1f5fd, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-primary {
background: linear-gradient(0deg, #f1f5fd, rgba(255, 255, 255, 0) 100%);
}
.wrapper.bg-light.angled.lower-start:after,
.wrapper.bg-light.angled.upper-start:before {
border-left-color: #fefefe;
}
.wrapper.bg-light.angled.lower-end:after,
.wrapper.bg-light.angled.upper-end:before {
border-right-color: #fefefe;
}
.link-blue {
color:  #6eb7f6;
}
.link-black {
color:  #000000;
}
.link-black:hover,
.link-black:focus {
color: #000000
}
.link-blue:hover,
.link-blue:focus {
color: #6eb7f6
}
.link-red {
color: #e2626b;
}
.link-red:hover,
.link-red:focus {
color: #e2626b;
}
.link-yellow {
color: #fab758;
}
.link-yellow:hover,
.link-yellow:focus {
color: #fab758;
}
.link-green {
color: #6bbea3;
}
.link-green:hover,
.link-green:focus {
color: #6bbea3;
}
blockquote {
border-left: 0.15rem solid #3f78e0;
padding-left: 1rem;
font-size: 0.85rem;
line-height: 1.7;
font-weight: 500;
}
blockquote.icon {
position: relative;
border: 0;
padding: 0;
}
blockquote.icon:before {
content: "”";
position: absolute;
top: -1.5rem;
left: -0.9rem;
color: rgba(52, 63, 82, 0.05);
font-size: 10rem;
line-height: 1;
z-index: 1;
}
.blockquote-details {
display: flex;
align-items: center;
text-align: left;
}
.blockquote-details p {
font-size: 0.8rem;
}
.blockquote-details .info {
padding-left: 1rem;
}
.icon-list {
padding-left: 0;
list-style: none;
}
.icon-list li {
position: relative;
padding-left: 1.25rem;
}
.icon-list.bullet-bg li {
padding-left: 1.5rem;
}
.icon-list.bullet-soft-primary i {
color: #3f78e0;
}
.icon-list.bullet-soft-primary.bullet-bg i {
background-color: #dce7f9;
}
.icon-list i {
position: absolute;
top: -0.2rem;
left: 0;
font-size: 1rem;
}
.icon-list.bullet-bg i {
border-radius: 100%;
width: 1rem;
height: 1rem;
top: 0.2rem;
font-size: 0.8rem;
line-height: 1;
letter-spacing: normal;
text-align: center;
display: table;
}
.icon-list.bullet-bg i:before {
vertical-align: middle;
display: table-cell;
}
.widget .list-unstyled:not(.tag-list) li+li,
.icon-list:not(.row) li+li {
margin-top: 0.35rem;
}
.meta {
text-transform: uppercase;
letter-spacing: 0.02rem;
font-size: 0.7rem;
font-weight: 700;
color: #aab0bc;
}
.meta {
font-size: 0.65rem;
}
.fs-lg {
font-size: 1rem;
}
.fs-16 {
font-size: 0.8rem !important;
}
.fs-16-m{
font-size: 16px!important;
}
.fs-21 {
font-size: 1.05rem !important;
}
.form-label-group {
position: relative;
}
.form-label-group>label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0;
color: #959ca9;
border: 1px solid transparent;
transition: all 0.1s ease-in-out;
font-size: 0.75rem;
text-align: left;
padding: 0.6rem 1rem;
pointer-events: none;
}
.form-label-group .form-control:-ms-input-placeholder {
color: transparent;
}
.form-label-group .form-control::-moz-placeholder {
color: transparent;
}
.form-label-group .form-control:not(:-moz-placeholder-shown) {
padding-top: calc(0.6rem + 0.6rem * (2 / 3));
padding-bottom: calc(0.6rem / 3);
}
.form-label-group .form-control:not(:-ms-input-placeholder) {
padding-top: calc(0.6rem + 0.6rem * (2 / 3));
padding-bottom: calc(0.6rem / 3);
}
.form-label-group .form-control:not(:-moz-placeholder-shown)~label {
padding-top: calc(0.6rem / 3);
padding-bottom: calc(0.6rem / 3);
font-size: 0.6rem;
}
.form-label-group .form-control:not(:-ms-input-placeholder)~label {
padding-top: calc(0.6rem / 3);
padding-bottom: calc(0.6rem / 3);
font-size: 0.6rem;
}
form.dark-fields .form-control {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
color: #cacaca;
}
form.dark-fields .form-control:focus {
border-color: rgba(63, 120, 224, 0.5);
}
form.dark-fields .form-control::-moz-placeholder {
color: #cacaca;
}
form.dark-fields .form-control:-ms-input-placeholder {
color: #cacaca;
}
.input-group>.form-control:focus {
z-index: 0;
}
.btn {
display: inline-block;
font-weight: 700;
line-height: 1.7;
letter-spacing: -0.01rem;
color: #60697b;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 2px solid transparent;
box-sizing: border-box;
transform: translateY(0);
padding: 0.5rem 1.2rem;
font-size: 0.8rem;
border-radius: 0.4rem;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
transform: translateY(-0.15rem);
box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
color: #fff;
}
.btn[class*=btn-soft-]:hover {
box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.05);
}
.btn:focus {
outline: 0;
}
.btn:active {
transform: translateY(-0.15rem);
}
.btn:disabled,
.btn.disabled {
pointer-events: none;
opacity: 0.65;
box-shadow: none;
}
.btn.btn-circle {
padding: 0;
border-radius: 100% !important;
width: 2.2rem;
height: 2.2rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn.btn-circle:disabled,
.btn.btn-circle.disabled {
opacity: 1;
}
.btn.btn-circle.btn-lg {
width: 3rem;
height: 3rem;
font-size: calc(1.255rem + 0.06vw);
}

.btn.btn-circle .number {
display: table-cell;
text-align: center;
margin: 0 auto;
vertical-align: middle;
font-size: 1.1rem;
font-weight: 700;
}
.input-group .btn:hover {
transform: none;
}
.btn-primary {
color: #fff;
background-color: #3f78e0;
border-color: #3f78e0;
}
.btn-primary:hover {
color: #fff;
background-color: #3f78e0;
border-color: #3f78e0;
}
.btn-primary:focus {
color: #fff;
background-color: #3f78e0;
border-color: #3f78e0;
}
.btn-primary:active {
color: #fff;
background-color: #3f78e0;
border-color: #3769c4;
}
.btn-primary:disabled:not(.btn-circle):not(.btn-block) {
color: #fff;
background-color: #3f78e0;
border-color: #3f78e0;
}
.btn-soft-primary {
background-color: #e0e9fa;
color: #3f78e0;
}
.btn-soft-primary:hover {
color: #3f78e0;
}
.btn-lg {
padding: 0.65rem 1.4rem;
font-size: 0.85rem;
border-radius: 0.4rem;
}
.social a:not(.btn-circle) {
font-size: 1rem;
transition: all 200ms ease-in-out;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.social a:not(.btn-circle) {
transition: none;
}
}
.social a:not(.btn-circle):hover {
transform: translateY(-0.15rem);
}
.social a:not(.btn-circle) i {
font-size: 1rem;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=dribbble] {
color: #d07ead;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=facebook-f] {
color: #4470cf;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=instagram] {
color: #d53581;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=facebook] {
color: #4470cf;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=youtube] {
color: #c8312b;
}
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=twitter] {
color: #5daed5;
}
.social.social-white a i,
.social.social-white a:hover i {
color: #fff !important;
}
.social>a {
margin: 0 0.7rem 0 0;
}
@-webkit-keyframes priceFade {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(80%);
}
}
@keyframes priceFade {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(80%);
}
}
@-webkit-keyframes priceShow {
0% {
opacity: 0;
transform: translateY(-80%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes priceShow {
0% {
opacity: 0;
transform: translateY(-80%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.dropdown-menu {
border: 0;
}
.dropdown-item {
font-weight: 700;
letter-spacing: -0.01rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
outline: 0;
}
.dropdown-header {
padding-top: 0;
text-transform: uppercase;
letter-spacing: 0.02rem;
}
.navbar.transparent .navbar-nav>.nav-item.language-select>.dropdown-menu {
margin-top: 1.2rem !important;
}

.language-select .dropdown-menu {
left: 50% !important;
transform: translateX(-50%) !important;
top: 100% !important;
margin-top: 0;
padding: 0.65rem 0;
position: absolute;
}
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
font-size: 0.35rem;
top: 0.55rem;
right: 1.5rem;
margin: 0;
border: 0;
}
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
position: relative;
content: "";
}
.dropdown-toggle::after {
font-family: "Custom";
border: 0;
font-size: 0.25rem;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
color: #3f78e0;
}

.navbar-nav {
position: static !important;
}
.navbar-nav>li>ul.mega-menu {
right: 0 !important;
width: auto !important;
max-width: none !important;
}

.nav-link {
letter-spacing: -0.01rem;
}
.navbar-other .nav-link {
cursor: pointer;
}

.navbar {
width: 100%;
z-index: 1020;
}
.navbar .container {
position: relative;
}
.navbar-other .nav-item .nav-link>i {
font-size: 1.1rem;
}
.navbar .navbar-other .navbar-nav>.nav-item .nav-link {
padding-left: 0;
padding-right: 0;
}
.navbar .navbar-other .navbar-nav>.nav-item+.nav-item {
margin-left: 0.8rem;
}

.navbar .navbar-other .nav-link {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.offcanvas-info {
position: fixed;
top: 0;
bottom: 0;
left: auto;
right: -15rem;
width: 15rem;
padding-top: 3rem;
padding-right: 2rem;
padding-left: 2rem;
overflow-y: auto;
visibility: hidden;
background: #1e2228;
transition-timing-function: ease-in-out;
transition-duration: 0.3s;
transition-property: right, visibility;
z-index: 1041;
align-items: start;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}
.offcanvas-close {
position: absolute;
top: 0.5rem;
left: 0.5rem;
cursor: pointer;
}
.offcanvas-nav-close {
left: auto;
right: 0.5rem;
}
.offcanvas-info .widget {
margin-bottom: 2rem;
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-nav {
transition: none;
}
}

button.plain {
cursor: pointer;
transition: all 200ms ease-in-out;
vertical-align: middle;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
@media (prefers-reduced-motion: reduce) {
button.plain {
transition: none;
}
}
button.plain::-moz-focus-inner {
padding: 0;
border: 0 none;
}
button.plain:focus {
outline: 0;
}
button.hamburger {
display: inline-block;
width: 24px;
height: 22px;
padding: 0;
margin-left: 4px;
}
button.hamburger:before,
button.hamburger:after {
content: "";
}
button.hamburger:before,
button.hamburger span,
button.hamburger:after {
display: block;
width: 100%;
height: 3px;
margin: 0 0 5px;
transition: all 200ms ease-in-out;
background: #343f52;
}
@media (prefers-reduced-motion: reduce) {
button.hamburger:before,
button.hamburger span,
button.hamburger:after {
transition: none;
}
}
.card {
box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
border: 0;
}
.accordion-wrapper .card {
margin-bottom: 1.25rem;
}
.accordion-wrapper .card.plain {
background: none;
border: 0;
margin-bottom: 0;
box-shadow: none;
}
.accordion-wrapper .card.plain .card-body {
padding: 0 0 0 1.1rem;
}
.accordion-wrapper .card.plain .card-header {
padding: 0 0 0.8rem 0;
}
.accordion-wrapper .card.plain .card-header button:before {
left: 0;
}
.accordion-wrapper .card-header {
margin-bottom: 0;
background: none;
border: 0;
padding: 0.9rem 1.3rem 0.85rem;
}
.accordion-wrapper .card-header button {
cursor: pointer;
width: 100%;
padding: 0 0 0 1.2rem;
text-align: left;
margin: 0;
border: 0;
font-size: 0.85rem;
font-weight: 700;
color: #3f78e0;
transition: all 150ms ease-in-out;
background: none;
}
@media (prefers-reduced-motion: reduce) {
.accordion-wrapper .card-header button {
transition: none;
}
}
.accordion-wrapper .card-header button:before {
font-family: "Custom";
content: "";
font-size: 0.3rem;
font-weight: normal;
width: 1rem;
display: inline-block;
margin-top: 0.4rem;
color: #3f78e0;
position: absolute;
left: 1.3rem;
}
.accordion-wrapper .card-header button.collapsed {
color: #343f52;
}
.accordion-wrapper .card-header button.collapsed:before {
content: "";
}
.accordion-wrapper .card-header button:hover {
color: #3f78e0;
}
.accordion-wrapper .card-body {
padding: 0 1.25rem 0.25rem 2.5rem;
}
.btn-close {
padding: 0 0;
color: rgba(30, 34, 40, 0.3);
background: none;
border: 0;
line-height: 1;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn-close {
transition: none;
}
}
.btn-close::before {
content: "x";
font-size: 1.2rem;
width: 1.2rem;
height: 1.2rem;
font-weight: bold;
position: absolute;
top: 19px;
right: -47px; 
}
.btn-close:hover {
color: rgba(30, 34, 40, 0.5);
text-decoration: none;
}
.btn-close:focus {
outline: none;
}
.btn-close:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}
[class*=offcanvas-] .btn-close {
color: rgba(30, 34, 40, 0.8);
}
[class*=offcanvas-] .btn-close:hover {
color: #1e2228;
}
.icon-svg {
width: 3rem;
height: 3rem;
}
.icon-svg.icon-svg-md {
width: 2.6rem;
height: 2.6rem;
}
[class*=" uil-"] {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-spacing: normal;
}
[class*=" uil-"] {
font-family: "Unicons" !important;
}
.uil-check:before {
content: "";
}
.uil-dribbble:before {
content: "";
}
.uil-facebook-f:before {
content: "";
}
.uil-info-circle:before {
content: "";
}
.uil-instagram:before {
content: "";
}
.uil-twitter:before {
content: "";
}
.uil-youtube:before {
content: "";
}
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.content-wrapper,
footer {
flex-shrink: 0;
}
.content-wrapper {
flex-grow: 1;
}
.lift {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transform: translateY(0);
transition: all 0.3s ease;
}
.lift:hover {
transform: translateY(-0.4rem);
box-shadow: 0rem 0.25rem 1.25rem rgba(52, 63, 82, 0.1);
}
.pricing-wrapper [class*=col-] {
z-index: 1;
}
.pricing-wrapper [class*=col-].popular {
z-index: 3 !important;
}
.pricing-wrapper [class*=col-] .pricing.card .card-body {
padding-top: 3rem;
padding-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.pricing-wrapper [class*=col-] .pricing.card .card-body .card-title {
margin: 0 0 1.75rem 0;
padding: 0;
}
.pricing-wrapper [class*=col-] .pricing.card .prices {
padding: 0;
margin: 0;
line-height: 1;
background: none;
font-weight: normal;
position: relative;
height: 3rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-value {
font-size: calc(1.425rem + 2.1vw);
}

.pricing-wrapper [class*=col-] .pricing.card .prices .price-currency {
display: inline-block;
font-size: 1rem;
font-weight: 500;
padding-right: 0.2rem;
padding-top: 0.4rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-duration {
font-size: 0.8rem;
font-weight: 500;
color: #60697b;
margin-top: auto;
margin-bottom: 0.25rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-duration:before {
content: "/";
padding-right: 0.25rem;
padding-left: 0.1rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price {
position: absolute;
left: 0;
right: 0;
display: flex;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-hidden {
display: none;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-show {
-webkit-animation: priceShow 0.6s forwards;
animation: priceShow 0.6s forwards;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-hide {
-webkit-animation: priceFade 0.6s forwards;
animation: priceFade 0.6s forwards;
}
.pricing-switcher-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pricing-switcher-wrapper p:last-child {
position: relative;
}
.pricing-switchers {
width: 2rem;
height: 1rem;
clear: both;
text-align: center;
position: relative;
background-color: rgba(30, 34, 40, 0.07);
border-radius: 1.5rem;
border: 0.2rem solid transparent;
box-sizing: content-box;
}
.pricing-switchers .pricing-switcher {
cursor: pointer;
width: 100%;
float: left;
height: 1rem;
line-height: 1rem;
position: relative;
z-index: 888;
transition: 0.3s ease-in-out;
text-transform: uppercase;
}
.pricing-switchers .pricing-switcher:nth-child(1).pricing-switcher-active~.switcher-button {
left: 0;
}
.pricing-switchers .switcher-button {
height: 1rem;
width: 1rem;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 555;
margin: 0;
border: none;
transition: 0.3s ease-in-out;
border-radius: 100%;
}
.pricing-switchers .pricing-switcher.pricing-switcher-active {
color: #fff;
}

.shape.rellax {
position: absolute;
}
.shape.rellax {
z-index: 1;
}
.bg-dot,
.bg-line {
opacity: 0.4;
}
.bg-dot {
background-size: 0.75rem 0.75rem;
}
.bg-dot.blue {
background-image: radial-gradient(#3f78e0 2px, transparent 2.5px);
}
.bg-dot.red {
background-image: radial-gradient(#e2626b 2px, transparent 2.5px);
}
.bg-dot.primary {
background-image: radial-gradient(#3f78e0 2px, transparent 2.5px);
}
.bg-line.red {
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e2626b 1.6px, #e2626b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}

footer.bg-dark {
background: #21262c !important;
}
.wrapper.angled {
position: relative;
border: 0;
}
.wrapper.angled:before,
.wrapper.angled:after {
content: "";
display: block;
position: absolute;
right: 0;
z-index: 0;
border: 0 solid transparent;
}
.wrapper.angled.lower-end:after {
border-right-color: transparent;
border-right-width: 100vw;
border-bottom-width: 4rem;
bottom: -4rem;
}
.wrapper.angled.lower-start:after {
border-left-color: transparent;
border-left-width: 100vw;
border-bottom-width: 4rem;
bottom: -4rem;
}
.wrapper.angled.upper-end:before {
border-right-color: transparent;
border-right-width: 100vw;
border-top-width: 4rem;
top: -4rem;
}
.wrapper.angled.upper-start:before {
border-left-color: transparent;
border-left-width: 100vw;
border-top-width: 4rem;
top: -4rem;
}
.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;
}
.page-loading {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fefefe;
z-index: 9999999;
}
.lg-outer .lg-item:after,
.loader,
.tp-loader.spinner,
.hero-slider:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
margin-left: -1.25rem;
background: none;
border: 4px solid #3f78e0;
box-shadow: none;
border-radius: 50%;
-webkit-animation: loader-scale 1s ease-out infinite;
animation: loader-scale 1s ease-out infinite;
}
.hero-slider-wrapper.bg-dark .hero-slider:before,
.lg-outer .lg-item:after {
border-color: #fff;
}
.dropdown-menu {
border: 0;
}
.dropdown-item {
font-weight: 700;
letter-spacing: -0.01rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
outline: 0;
}
.dropdown-header {
padding-top: 0;
text-transform: uppercase;
letter-spacing: 0.02rem;
}
.center-nav.fixed .navbar-nav>.nav-item.language-select>.dropdown-menu {
margin-top: 0.75rem !important;
}
.center-nav[class*=navbar-bg-] .navbar-nav>.nav-item.language-select>.dropdown-menu {
margin-top: 1.25rem !important;
}
.navbar.transparent .navbar-nav>.nav-item.language-select>.dropdown-menu {
margin-top: 1.2rem !important;
}
.navbar.transparent.fixed .navbar-nav>.nav-item.language-select>.dropdown-menu,
.navbar[class*=navbar-bg-] .navbar-nav>.nav-item.language-select>.dropdown-menu {
margin-top: 2rem !important;
}

.language-select .dropdown-menu {
left: 50% !important;
transform: translateX(-50%) !important;
top: 100% !important;
margin-top: 0;
padding: 0.65rem 0;
position: absolute;
}
.navbar-nav .sub-arrow {
font-family: "Custom";
}
.navbar-nav.sm-collapsible .sub-arrow {
top: 0;
margin: -0.1rem 0 0 0;
border: 0;
border-radius: 0;
padding: 0 2rem 0 0.5rem;
font-size: 0.25rem;
line-height: 1;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.navbar-nav.sm-collapsible .sub-arrow::before,
.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
content: "";
display: table-cell;
vertical-align: middle;
}
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
margin: 0 0 0 1rem;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: inline;
margin-left: 0.3rem;
vertical-align: 0.1rem;
border: 0 !important;
font-size: 0.25rem;
color: #3f78e0;
}
.navbar.caret-none .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: none;
}
.navbar-dark .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
color: #fff;
}
.navbar-dark.transparent.banner--stick .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
color: #3f78e0;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow+.sub-arrow {
display: none !important;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
position: relative;
content: "";
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
font-size: 0.35rem;
top: 0.55rem;
right: 1.5rem;
margin: 0;
border: 0;
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow:before,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
position: relative;
content: "";
}
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
padding-right: 2.5rem;
}
.dropdown-toggle::after {
font-family: "Custom";
border: 0;
font-size: 0.25rem;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
color: #3f78e0;
}

.navbar-dark:not(.fixed) .dropdown-toggle:after,
.navbar-bg-dark .dropdown-toggle:after,
.btn.dropdown-toggle:after {
color: #fff;
}
.share-dropdown .dropdown-menu {
min-width: 6.25rem;
margin-top: 1rem !important;
padding-top: 0.65rem !important;
padding-bottom: 0.65rem !important;
}
.share-dropdown .dropdown-menu[data-popper-placement^=top] {
margin-top: 0 !important;
margin-bottom: 1rem !important;
}
.share-dropdown .dropdown-menu .dropdown-item {
padding: 0.25rem 1.15rem;
font-size: 0.7rem;
}
.share-dropdown .dropdown-menu .dropdown-item i {
padding-right: 0.4rem;
vertical-align: -0.1rem;
width: 1rem;
font-size: 0.8rem;
}
.share-dropdown .dropdown-toggle::after {
display: none;
}
.navbar-nav,
.navbar-nav>li.mega-menu {
position: static !important;
}
.navbar-nav>li>ul.mega-menu {
right: 0 !important;
width: auto !important;
max-width: none !important;
}

.nav-link {
letter-spacing: -0.01rem;
}
.sidebar .nav-link {
letter-spacing: normal;
}
.navbar-other .nav-link {
cursor: pointer;
}

.nav-tabs .nav-link {
background: #fff;
font-size: 0.85rem;
padding: 0.6rem 1.3rem;
}
.nav-tabs .nav-link i {
font-size: 1rem;
}
.nav-tabs.nav-pills {
border-color: transparent;
}
.nav-tabs.nav-pills .nav-link {
border-color: transparent;
box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
margin-right: 0.5rem;
display: flex;
align-items: center;
}

.nav-tabs.nav-tabs-bg {
border-color: transparent;
}
.nav-tabs.nav-tabs-bg .nav-link {
padding: 1.4rem 1.2rem;
border-radius: 0.4rem;
border: 1px solid transparent;
line-height: 1.25rem;
box-shadow: none;
background: transparent;
}
.nav-tabs.nav-tabs-bg .nav-link:first-child {
margin-left: 0;
}
.nav-tabs.nav-tabs-bg .nav-link:last-child {
margin-right: 0;
}
.nav-tabs.nav-tabs-bg .nav-link:hover,
.nav-tabs.nav-tabs-bg .nav-link.active {
color: #343f52;
border-color: transparent;
background: #fff;
box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.nav-tabs.nav-tabs-bg .nav-link p {
margin: 0;
font-weight: 500;
color: #60697b;
}
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover,
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active {
box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
}
.nav-tabs.flex-column.nav-tabs-bg .nav-item {
margin-bottom: 1rem;
}
.nav-tabs.nav-justified .nav-item {
text-align: left;
}

.tab-content {
margin-top: 1.25rem;
}
.navbar {
width: 100%;
z-index: 1020;
}
.navbar.transparent .logo-dark {
display: none;
}
.navbar.fixed.transparent .logo-light {
display: none;
}
.navbar.fixed.transparent .logo-dark {
display: inline-block;
}
.navbar .container {
position: relative;
}
.navbar-other .nav-item .nav-link>i {
font-size: 1.1rem;
}
.navbar .navbar-other .navbar-nav>.nav-item .nav-link {
padding-left: 0;
padding-right: 0;
}
.navbar .navbar-other .navbar-nav>.nav-item+.nav-item {
margin-left: 0.8rem;
}
.navbar-bg-light {
background: #fff;
box-shadow: none;
}

.navbar-bg-dark {
background: #2f353a;
}
.navbar-dark .logo-dark {
display: none;
}
.navbar-dark.fixed .logo-light {
display: none;
}
.navbar-dark.fixed .logo-dark {
display: inline-block;
}
.navbar-dark:not([class*=navbar-bg-]).fixed .btn {
background: #3f78e0;
border-color: #3f78e0;
color: #fff;
}
.navbar .navbar-other .nav-link {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.navbar.fixed {
margin: 0;
width: 100%;
}
.banner--clone {
position: fixed !important;
z-index: 1008;
top: 0;
left: 0;
transform: translateY(-100%);
transition: all 300ms ease-in-out, border 1ms linear, padding-right 0ms;
}
@media (prefers-reduced-motion: reduce) {
.banner--clone {
transition: none;
}
}
.banner--stick {
transform: translateY(0%);
border-bottom: 0;
}
.banner--stick:not(.navbar-dark),
.banner--stick.transparent {
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
background: rgba(255, 255, 255, 0.97);
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link,
.banner--stick.transparent.navbar-dark .nav-link {
color: #343f52;
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link:hover,
.banner--stick:not(.navbar-dark).navbar-dark .nav-link:focus,
.banner--stick.transparent.navbar-dark .nav-link:hover,
.banner--stick.transparent.navbar-dark .nav-link:focus {
color: #3f78e0;
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link.disabled,
.banner--stick.transparent.navbar-dark .nav-link.disabled {
color: rgba(52, 63, 82, 0.3);
}
.navbar.fixed:not(.extended) .topbar {
display: none !important;
}
.navbar.fixed .navbar-collapse-wrapper {
background: none !important;
box-shadow: none !important;
}
.offcanvas-info {
position: fixed;
top: 0;
bottom: 0;
left: auto;
right: -15rem;
width: 15rem;
padding-top: 3rem;
padding-right: 2rem;
padding-left: 2rem;
overflow-y: auto;
visibility: hidden;
background: #1e2228;
transition-timing-function: ease-in-out;
transition-duration: 0.3s;
transition-property: right, visibility;
z-index: 1041;
align-items: start;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
z-index: 9999!important;
}
.offcanvas-info.open {
right: 0;
visibility: visible;
}
.offcanvas-close {
position: absolute;
top: 0.5rem;
left: 0.5rem;
cursor: pointer;
}
.offcanvas-nav-close {
left: auto;
right: 0.5rem;
}
.offcanvas-info .widget {
margin-bottom: 2rem;
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-nav {
transition: none;
}
}

button.plain {
cursor: pointer;
transition: all 200ms ease-in-out;
vertical-align: middle;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
@media (prefers-reduced-motion: reduce) {
button.plain {
transition: none;
}
}
button.plain::-moz-focus-inner {
padding: 0;
border: 0 none;
}
button.plain:focus {
outline: 0;
}
button.hamburger {
display: inline-block;
width: 24px;
height: 22px;
padding: 0;
margin-left: 4px;
}
button.hamburger:before,
button.hamburger:after {
content: "";
}
button.hamburger:before,
button.hamburger span,
button.hamburger:after {
display: block;
width: 100%;
height: 3px;
margin: 0 0 5px;
transition: all 200ms ease-in-out;
background: #343f52;
}
@media (prefers-reduced-motion: reduce) {
button.hamburger:before,
button.hamburger span,
button.hamburger:after {
transition: none;
}
}
.inverse-text:not(.fixed) button.hamburger:before,
.inverse-text:not(.fixed) button.hamburger span,
.inverse-text:not(.fixed) button.hamburger:after,
.navbar.position-absolute:not(.fixed) button.hamburger:before,
.navbar.position-absolute:not(.fixed) button.hamburger span,
.navbar.position-absolute:not(.fixed) button.hamburger:after,
.navbar.navbar-bg-dark button.hamburger:before,
.navbar.navbar-bg-dark button.hamburger span,
.navbar.navbar-bg-dark button.hamburger:after,
.navbar.transparent.navbar-dark:not(.fixed) button.hamburger:before,
.navbar.transparent.navbar-dark:not(.fixed) button.hamburger span,
.navbar.transparent.navbar-dark:not(.fixed) button.hamburger:after {
background: #fff;
}
button.hamburger.animate.active span {
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
button.hamburger.animate.active:before {
transform: translateY(8px) rotate(45deg);
-moz-transform: translateY(8px) rotate(45deg);
-webkit-transform: translateY(8px) rotate(45deg);
}
button.hamburger.animate.active:after {
transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-webkit-transform: translateY(-8px) rotate(-45deg);
}
.card {
box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
border: 0;
}
.card[class*=bg-] {
box-shadow: none !important;
}
.card-img-top img {
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.card-img-top .plyr {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.accordion-wrapper .card {
margin-bottom: 1.25rem;
}
.accordion-wrapper .card.plain {
background: none;
border: 0;
margin-bottom: 0;
box-shadow: none;
}
.accordion-wrapper .card.plain .card-body {
padding: 0 0 0 1.1rem;
}
.accordion-wrapper .card.plain .card-header {
padding: 0 0 0.8rem 0;
}
.accordion-wrapper .card.plain .card-header button:before {
left: 0;
}
.accordion-wrapper .card-header {
margin-bottom: 0;
background: none;
border: 0;
padding: 0.9rem 1.3rem 0.85rem;
}
.accordion-wrapper .card-header button {
cursor: pointer;
width: 100%;
padding: 0 0 0 1.2rem;
text-align: left;
margin: 0;
border: 0;
font-size: 0.85rem;
font-weight: 700;
color: #3f78e0;
transition: all 150ms ease-in-out;
background: none;
}
@media (prefers-reduced-motion: reduce) {
.accordion-wrapper .card-header button {
transition: none;
}
}
.accordion-wrapper .card-header button:before {
font-family: "Custom";
content: "";
font-size: 0.3rem;
font-weight: normal;
width: 1rem;
display: inline-block;
margin-top: 0.4rem;
color: #3f78e0;
position: absolute;
left: 1.3rem;
}
.accordion-wrapper .card-header button.collapsed {
color: #343f52;
}
.accordion-wrapper .card-header button.collapsed:before {
content: "";
}
.accordion-wrapper .card-header button:hover {
color: #3f78e0;
}
.accordion-wrapper .card-body {
padding: 0 1.25rem 0.25rem 2.5rem;
}
.pricing-wrapper [class*=col-] {
z-index: 1;
}
.pricing-wrapper [class*=col-].popular {
z-index: 3 !important;
}
.pricing-wrapper [class*=col-] .pricing.card .card-body {
padding-top: 3rem;
padding-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.pricing-wrapper [class*=col-] .pricing.card .card-body .icon {
margin-bottom: 0.75rem;
}
.pricing-wrapper [class*=col-] .pricing.card .card-body .card-title {
margin: 0 0 1.75rem 0;
padding: 0;
}
.pricing-wrapper [class*=col-] .pricing.card .prices {
padding: 0;
margin: 0;
line-height: 1;
background: none;
font-weight: normal;
position: relative;
height: 3rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-value {
font-size: calc(1.425rem + 2.1vw);
}

.pricing-wrapper [class*=col-] .pricing.card .prices .price-currency {
display: inline-block;
font-size: 1rem;
font-weight: 500;
padding-right: 0.2rem;
padding-top: 0.4rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-duration {
font-size: 0.8rem;
font-weight: 500;
color: #60697b;
margin-top: auto;
margin-bottom: 0.25rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-duration:before {
content: "/";
padding-right: 0.25rem;
padding-left: 0.1rem;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price {
position: absolute;
left: 0;
right: 0;
display: flex;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-hidden {
display: none;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-show {
-webkit-animation: priceShow 0.6s forwards;
animation: priceShow 0.6s forwards;
}
.pricing-wrapper [class*=col-] .pricing.card .prices .price-hide {
-webkit-animation: priceFade 0.6s forwards;
animation: priceFade 0.6s forwards;
}
.pricing-switcher-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.pricing-switcher-wrapper p:last-child {
position: relative;
}
.pricing-switcher-wrapper p:last-child .badge {
position: absolute;
top: -1rem;
right: -2rem;
}
.pricing-switchers {
width: 2rem;
height: 1rem;
clear: both;
text-align: center;
position: relative;
background-color: rgba(30, 34, 40, 0.07);
border-radius: 1.5rem;
border: 0.2rem solid transparent;
box-sizing: content-box;
}
.pricing-switchers .pricing-switcher {
cursor: pointer;
width: 100%;
float: left;
height: 1rem;
line-height: 1rem;
position: relative;
z-index: 888;
transition: 0.3s ease-in-out;
text-transform: uppercase;
}
.pricing-switchers .pricing-switcher:nth-child(1).pricing-switcher-active~.switcher-button {
left: 0;
}
.pricing-switchers .pricing-switcher:nth-child(2).pricing-switcher-active~.switcher-button {
left: 50%;
}
.pricing-switchers .switcher-button {
height: 1rem;
width: 1rem;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 555;
margin: 0;
border: none;
transition: 0.3s ease-in-out;
border-radius: 100%;
}
.pricing-switchers .pricing-switcher.pricing-switcher-active {
color: #fff;
}
.switcher-dark .pricing-switchers {
background-color: rgba(255, 255, 255, 0.06);
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:not(:-ms-input-placeholder)~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:-webkit-autofill~label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group>.form-control,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group>.form-control:focus,
.input-group>.form-select:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.7;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.4rem;
}
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.4rem;
}
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.4rem;
}
.input-group-lg>.form-select,
.input-group-sm>.form-select {
padding-right: 3.25rem;
}
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #198754;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.25rem;
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%23343f52' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 1rem center, center right 2.25rem;
background-size: 8px 8px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
border-color: #198754;
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
background-color: #198754;
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: #198754;
}
.form-check-inline .form-check-input~.valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1;
}
.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem;
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%23343f52' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right 1rem center, center right 2.25rem;
background-size: 8px 8px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc3545;
}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3;
}
.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;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
border-top: 0.25rem solid;
border-right: 0.25rem solid transparent;
border-bottom: 0;
border-left: 0.25rem solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 4rem;
padding: 1rem 0;
margin: 0;
font-size: 0.75rem;
color: #343f52;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.4rem;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.75rem;
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}

.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.75rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
border-top: 0;
border-right: 0.25rem solid transparent;
border-bottom: 0.25rem solid;
border-left: 0.25rem solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.75rem;
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
border-top: 0.25rem solid transparent;
border-right: 0;
border-bottom: 0.25rem solid transparent;
border-left: 0.25rem solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.75rem;
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.2rem;
vertical-align: 0.15rem;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.2rem;
vertical-align: 0.15rem;
content: "";
border-top: 0.25rem solid transparent;
border-right: 0.25rem solid;
border-bottom: 0.25rem solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.2rem 1.5rem;
clear: both;
font-weight: 400;
color: #343f52;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #3f78e0;
background-color: inherit;
}
.dropdown-item.active,
.dropdown-item:active {
color: #3f78e0;
text-decoration: none;
background-color: inherit;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #60697b;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.75rem;
color: #3f78e0;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.2rem 1.5rem;
color: #343f52;
}
.dropdown-menu-dark {
color: #cacaca;
background-color: #343f52;
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
color: #cacaca;
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
color: #3f78e0;
background-color: inherit;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
color: #959ca9;
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
color: #cacaca;
}
.dropdown-menu-dark .dropdown-header {
color: #959ca9;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
flex: 1 1 auto;
}
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
margin-left: -2px;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:nth-child(n+3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.9rem;
padding-left: 0.9rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
padding-right: 1.05rem;
padding-left: 1.05rem;
}
.btn-group.show .dropdown-toggle {
box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
}
.btn-group.show .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%;
}
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
margin-top: -2px;
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 1.2rem 1rem;
font-size: 20px;
font-weight: 700;
color: #343f52;
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover,
.nav-link:focus {
color: #3f78e0;
}
.nav-link.disabled {
color: #959ca9;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
border: 1px solid transparent;
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: transparent;
isolation: isolate;
}
.nav-tabs .nav-link.disabled {
color: #959ca9;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #3f78e0;
background-color: #fff;
border-color: rgba(164, 174, 198, 0.2);
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.4rem;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #3f78e0;
background-color: #fff;
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
font-size: 0.75rem;
white-space: nowrap;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}

.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: #343f52;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #3f78e0;
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(52, 63, 82, 0.3);
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: #3f78e0;
}
.navbar-light .navbar-toggler {
color: #343f52;
border-color: transparent;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%233f78e0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: #343f52;
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: #3f78e0;
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: transparent;
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%23fff' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: #fff;
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: rgba(255, 255, 255, 0.7);
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(164, 174, 198, 0.2);
border-radius: 0.4rem;
}
.card>hr {
margin-right: 0;
margin-left: 0;
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit;
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: 0.4rem;
border-bottom-left-radius: 0.4rem;
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: 2rem 2rem;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link+.card-link {
margin-left: 2rem;
}
.card-header {
padding: 1rem 2rem;
margin-bottom: 0;
background-color: #fff;
border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.card-header:first-child {
border-radius: 0.4rem 0.4rem 0 0;
}
.card-footer {
padding: 1rem 2rem;
background-color: #fff;
border-top: 1px solid rgba(164, 174, 198, 0.2);
}
.card-footer:last-child {
border-radius: 0 0 0.4rem 0.4rem;
}
.card-header-tabs {
margin-right: -1rem;
margin-bottom: -1rem;
margin-left: -1rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -1rem;
margin-left: -1rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: 0.4rem;
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: 0.4rem;
border-bottom-left-radius: 0.4rem;
}
.card-group>.card {
margin-bottom: 0.75rem;
}

.pagination {
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
color: #343f52;
background-color: #fff;
border: 1px solid rgba(164, 174, 198, 0.2);
transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: #3f78e0;
background-color: #fff;
border-color: rgba(164, 174, 198, 0.2);
}
.page-link:focus {
z-index: 3;
color: #3f78e0;
background-color: #fff;
outline: 0;
box-shadow: unset;
}
.page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.page-item.active .page-link {
z-index: 3;
color: #3f78e0;
background-color: #fff;
border-color: rgba(164, 174, 198, 0.2);
}
.page-item.disabled .page-link {
color: #959ca9;
pointer-events: none;
background-color: #fff;
border-color: rgba(164, 174, 198, 0.2);
}
.page-link {
padding: 0 0;
}
.page-item:first-child .page-link {
border-top-left-radius: 0.4rem;
border-bottom-left-radius: 0.4rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.4rem;
border-bottom-right-radius: 0.4rem;
}
.pagination-lg .page-link {
padding: 0 0;
font-size: 1rem;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0 0;
font-size: 0.75rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.65em 0.8em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
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: #fff;
background-clip: padding-box;
border: 0 solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: rgba(30, 34, 40, 0.9);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 1;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
padding: 0.5rem 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 2.5rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 2.25rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer>* {
margin: 0.25rem;
}

.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;
}

.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.7;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.8rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.98;
}
.info-mi {
color: #60697b;
position: relative;
top: 3px;
}
.yellow-bg {
background-color:#fab758!important;
color: white;
}
.text-line.text-primary:before {
background-color: #3f78e0;
}
.text-line:before {
content: "";
position: absolute;
display: inline-block;
top: 50%;
transform: translateY(-60%);
left: 0;
width: .75rem;
height: .05rem;
background: #3f78e0;
}
.text-line:not(.text-gradient) {
display: inline-flex;
}
.uil-location-pin-alt:before {
content: "\eba5";
}
.top-head {
color: #fab758;
}
.top-head:before {
border: 1px solid #fab758;;
content: "";
width: 18px;
height: 1px;
float: left;
top: 13px;
position: relative;
margin-right: 13px;
}
.adresy-top {
width: 50%;
padding-right: 0;
padding-left: 10.7%;
}
.form-group-re {
margin: 34px 0;
}

.more-next {
border: 0;
background: no-repeat;
text-align: right;
float: right;
margin-top: 24px;
color: #fab758;
font-weight: bold;
min-width: 100%;
text-align: center;
margin-bottom: 20px;
}
.wh-100 {
min-width: 100%;
}
.bullet-soft-primary li::marker {
color: #fab758;
}

.cont-offer {
width:40%;
float: left;
margin-left: 5%;
margin-right: 5%;
padding: 18px;
display: flex;
}
.g100pr {
border: 3px solid #00dd65;
border-radius: 100%;
padding: 10px;
height: 58px;
width: 58px;
color: #00dd65;
font-weight: bold;
text-align: center;
display: flex;
padding-top: 17px;
top: 9px;
position: relative;
}

.font-block {
margin: 0;
margin-bottom: 0;
}
.font-block::before {
border: 3px solid #00dd65;
border-radius: 50%;
height: 58px!important;
width: 58px;
color: #00dd65;
font-weight: bold;
content: "100%";
justify-content: center;
align-items: center;
display: flex;
float: left;
margin-right: 18px;
}
.button-qiu {
border-radius: 12px; 
}
.image-quick{
height: 100%;
width: 94px;
margin-right: 18px;
}
.underline-3.style-1::before {
transform: translate(-50%,-50%) rotate(
-2deg);
border-top-width: 0;
width: 110%;
height: 130%;
 
}
.e-li {
margin-right: 18px;
padding-left: 31px;
}
.info-footer {
max-width: 50%;
float: left;
margin-top: 64px;
margin-bottom: 64px;
}
.info-footer p {
margin-bottom: 0;
font-style: italic;
color: black;
}
.poptavka-sablona {
width: 50%;
float: right;
margin-top: 64px;
text-align: right;
}
.low-button {
background: #fefefe!important;
color: #fab758!important;
}
.min-390px {
min-height: 390px;
}
.line-extra {
min-height: 55px;
}
.bold {
font-weight: bold;
}

.color-opblack {
color: #343f52!important; 
letter-spacing: 0.02rem;
line-height: 1.35;
word-spacing: 0.1rem;
font-weight: bold;
} 
.blo-nase-sluzby {
cursor: default;
width: 100%;
padding: 0 0 0 1.2rem;
text-align: left;
margin: 0;
border: 0;
font-size: 0.85rem;
font-weight: 700;
color: #fab758;
transition: all 150ms ease-in-out;
background: none;
}
.footer-be{
margin-bottom: 180px;
}
.footer-title {
color: #fab758!important;
}
.smallicong {
font-size: 15px!important;
top: 3px;
position: relative;
color: black;
}
.cb-image {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
transition: 1s;
}
.cb-image:hover {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
transition: 1s;
}

/* #Progress
================================================== */
.progress-wrap {
position: fixed;
right: 30px;
bottom: 30px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
z-index: 8500;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: 'Material Icons';
content: "arrow_upward";
text-align: center;
line-height: 46px;
font-size: 24px;
color: rgba(0, 0, 0, 0.3); /* --- Pijl kleur --- */
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: 'Material Icons';
content: "arrow_upward";
text-align: center;
line-height: 46px;
font-size: 26px;
opacity: 0;
background: #fab758; /* --- Pijl hover kleur --- */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path { 
fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: rgba(0, 0, 0, 0.2); /* --- Lijn progres kleur --- */
stroke-width: 4;
box-sizing:border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.h2-ed {
letter-spacing: 0.02rem;
line-height: 1.35;
word-spacing: 0.1rem;
font-weight: 700;
margin-top: 0;
}
.h3-ed {
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
}
.h4-ed {
line-height: 1.45;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
font-size: 0.95rem;
}
.card-fix {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
 
background-clip: border-box;
border: 0px solid rgba(164, 174, 198, 0.2);
border-radius: 0.4rem;
 box-shadow: 0 8px 24px rgb(0 0 0 / 3%);
text-align: left;
}

.line-left-f {
padding: 27px 0;
}
.ptb-45 {
padding: 45px 0;
}
.ptb-4 {
padding: 4px 0;
}
.ptb-14 {
padding: 14px 0;
}
.sh-no {
box-shadow: none!important;
}

.underline-3 {
position: relative;
z-index: 1;
}
.underline-3.style-1::before {
transform: translate(-50%,-50%) rotate(
-2deg
);
border-top-width: 0;
width: 110%;
height: 130%;
}
.underline-3.style-1::after {
transform: translate(-50%,-50%) rotate(
-5deg
);
border-left-width: 0!important;
border-bottom-width: 0!important;
width: 110%;
height: 140%;
}
.underline-3.style-1.red::after, .underline-3.style-1.red::before {
border-color: #fab758;
}
.underline-3.style-1::after, .underline-3.style-1::before {
content: "";
z-index: -1;
border: 3px solid #3f78e0;
position: absolute;
left: 50%;
top: 55%;
opacity: 1;
border-radius: 80%;
}
.underline-3.style-1.red::after, .underline-3.style-1.red::before {
border-color: #fab758;
}
.coloryellow{
color: #fab758;
}
.text-yellow {
fill: #464646;
}
.fill-yellow {
fill: #fab758;
position: relative;
top: 2px;
max-height: 18px;
text-align: left;
}
.inverse-button {
background: white!important;
color: #fab758!important;
}
.smallicong-sb{
   font-size: 16px !important;
   vertical-align: middle;
   position: relative;
   top: -1px;
   margin-left: 6px;
}
.top-sectionsb {

}
.center-left {
text-align: left;
}
.sablona-config {
text-align: left;
list-style: none;
}
.sablona-config  li::before {
color: #fab758!important;
list-style-type: circle;
content: "○";
left: -17px;
position: relative;
}
.margin-topsb {
margin: 18px 0!important;
}

.col-4pad10 {
padding-left: 8px;
padding-right: 8px;
}
.button-bottom {
float: left;
min-width: 100%;
padding: 0px 0 48px 0;
text-align: center;
}
.i-sablona {
margin-right: 18px;
}
.ima-topsablo {
position: relative;
}

#gdpr-cookie-message {
position: fixed;
bottom: 0;
background: white;
padding: 20px;
box-shadow: 0 0 16px 0px #0000002b;
border-radius: 0;
max-width: 440px;
right: 0;
}

#gdpr-cookie-accept {
background: #fab758!important;
transition: all 0.3s ease-in;
color: white;
font-weight: bold;
padding: 3px 18px;
margin-right: 18px;
border: 0;
border-radius: 9px;
font-size: 12px;
min-width: 100%;
margin-bottom: 12px;
padding: 12px 0!important;
font-size: 16px!important;
}
#gdpr-cookie-message button {
background: #fab758!important;
transition: all 0.3s ease-in;
color: white;
font-weight: bold;
padding: 3px 18px;
margin-right: 18px;
border: 0;
border-radius: 9px;
font-size: 12px;
min-width: 100%;
margin-bottom: 12px;
padding: 12px 0!important;
font-size: 16px!important;
}
#gdpr-cookie-message ul{
list-style-type: none;
margin-bottom: 28px;
}
#gdpr-cookie-message span {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
font-size: 1rem;
}
.strong-black {
color:#343f52;
}

.realistic-marker-highlight{
position:relative;
}
.realistic-marker-highlight::before{
content:"";
background-color:#ff6db7;
width:100%;
height:1em;
position:absolute;
z-index:-1;
filter:url(#marker-shape);
left:-0.25em;
top:0.1em;
padding:0 0.25em;
}
.underline-31 {
position: relative;
z-index: 1;
}
.underline-31::after {
background-image: url("obrazky/podrzitko.svg");
}
.underline-31::after {
content: "";
position: absolute;
z-index: -1;
display: block;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom;
left: 0%;
bottom: 4px;
width: 110%;
height: 0.3em;
transform: translateX(-25%);
}
.line-li34 {
line-height: 34px;
}
.blok-center-1 {
text-align: center;
}
.image-center-1 {
margin: O auto;
width: 348px;
}
.underline-310 {
position: relative;
z-index: 1;
}
.underline-310::after {
background-image: url("obrazky/podrzitko.svg");
}
.underline-310::after {
content: "";
position: absolute;
z-index: -1;
display: block;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom;
left: 0%;
bottom: -2px;
width: 110%;
height: 0.3em;
transform: translateX(-20%);
}
.logo-ps-top {
position: absolute;
}
.i-flleft {
float: left;
margin-right: 12px;
}
.cusbox100 {
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
display: flex;
}
.h4-canvas{
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
font-size: 0.95rem;
}
.h5-kontakt {
line-height: 1.5;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
font-size: .95rem;
}

.margin-O {
margin: 0;
}
.h5 {
line-height: 1.5;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
color: #343f52;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
font-size: 0.9rem;
}
.h4 {
line-height: 1.45;
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 700;
font-size: .95rem;
word-spacing: 0.1rem;
letter-spacing: -0.01rem;
}

.logo-text {
font-family: 'Wallpoet', cursive;
border: 3px solid #fab758;
font-size: 20px;
border-radius: 27px;
padding: 1px 12px;
text-transform: uppercase;
top: -1px;
position: relative;
opacity: .35;
transition: all 200ms ease-in-out;
}
.logo-text:hover {
opacity: .85;
transition: all 200ms ease-in-out;
}
.navbar.fixed .logo-text {
font-family: 'Wallpoet', cursive;
border: 3px solid #fab758;
font-size: 18px;
border-radius: 27px;
padding: 1px 12px;
text-transform: uppercase;
top: 1px;
position: relative;
opacity: .65;
transition: all 200ms ease-in-out!important;
overflow: hidden;
opacity: 0.35;
}
.navbar.fixed .logo-text:hover {
/* max-width: 48px; */
transition: all 200ms ease-in-out!important;
width: auto;
opacity: 1;
overflow: hidden;
}
.navbar.fixed .fix-logo { 
padding: 0;
max-width: 43px;
overflow: hidden;
/* border: 1px solid red; */
float: left;
/* border: 4px solid #fab758; */
/* border-radius: 32px; */
transition: all 200ms ease-in-out!important;
}
.navbar.fixed .fix-logo:hover { 
max-width: 100%;
transition: all 200ms ease-in-out!important;
/* border: 4px solid #fab758; */
/* border-radius: 32px; */
}
.banner-gif {
position: absolute;
opacity: 1;
right: -23px;
top: 50%;
}

.logo-text-canfas {
font-family: 'Wallpoet', cursive;
border: 3px solid #ffffff;
font-size: 20px;
border-radius: 27px;
padding: 1px 12px;
text-transform: uppercase;
top: -1px;
position: relative;
opacity: .65;
transition: all 200ms ease-in-out;
}
.fix-logo-canfas {
width: 44px;
overflow: hidden;
clear: left;
display: block;
}

.form-block {
max-width: 50%;
}
.row-kontakt {
display: block;
float: left;
padding-bottom: 18px;
}
.right-fg {
padding-left: 18px;
width: 100%;
}
.left-fg {
padding-right: 18px;
width: 100%;
}
.top-konk {
margin-top: -29px;
}
.dekujeme-h2 {
font-size: 3rem;
padding-top: 0;
margin-top: 0;
position: relative;
top: -12px ;
}
#odeslano {
position: relative;
top: -68px;
}

.ima-topsablo{
width: auto;
max-width: auto;
}

.sablona .card-fix {
text-align: left;
}
.cart-image {
margin-bottom: 14px;
}
.sablona {
display: flex;
}
.sablona ul {
list-style-type: circle;
padding-left: 16px!important;
padding: 0;
}
.sablona li::marker {
color: #fab758;
}
.sablona .h4-ed {
font-weight: 800;
}
.sub-section-sablona {
color: #aab0bc;
text-align: left;
font-weight: bold;
font-size: 16px;
margin-left: 92px;
text-transform: uppercase;
}
.sub-section-sablona:before {
border: 1px solid #aab0bc;
}
.sablona23 .h2-ed {
color: #343f52!important;
text-transform: none!important;
font-size: 48px!important;
margin-bottom: 53px!important;
font-weight: 800;
}
.sablona23 .h3-ed {
text-transform: none!important;
font-size: 32px;
}
.ci-f {
display: flex;
align-items: center;
}
.line-h3 {
margin: 0;
padding: 0;
margin-left: 12px;
}
.s-zelena {
font-size: 12px;
background: #00800075;
color: white;
text-align: center;
width: 50%;
}
.s-cesverna {
font-size: 12px;
background: #c00c0cc7;
color: white;
text-align: center;
width: 50%;
}
.s-seda {
font-size: 12px;
background: silver;
color: white;
text-align: center;
width: 50%;
}
.s-orange {
font-size: 12px;
background: orange;
color: white;
text-align: center;
width: 50%;
}
.kravina div {
margin: 8px 0;
border-radius: 4px;
font-weight: 600;
padding: 4px;
}
.loga-platby {
width: 16.666666667%;
 
}
.loga-platby .card-body {
display: flex;
align-items: center;
}
.loga-platby img {
max-width: 100%;
}
.sablona-seo p {
margin: 0;
}
.sablona-seo .card-body {
display: flex;
align-items: center;
}
.li-line li {
margin-bottom: 8px;
padding-bottom: 0;
}
.button-vice {
margin-top: 64px;
margin-bottom: 0;
}
.button-vice  .button-bottom {
float: left;
min-width: 100%;
padding: 0px 0 0px 0;
text-align: center;
}
.bg-light-sablona {
margin-top: 48px;
}
.py-md-16-pricing {
margin-bottom: 64px;
}
.col-md-6-sablona {
flex: 100%;
width: 50%;
}
.col-4pad18 {
min-width: 100%;
float: left;
margin-top: 24px;
}

.ul-50  li::marker {
color: #fab758;
}
.ul-50  {
list-style-type: circle;
padding: 0px 68px;
}
.width-m50 .hover-image {
height: 0;
overflow: hidden;
transition: height 0.5s ease-in-out;
}
.width-m50 .hover-image img {
width: 100%;
height: auto;
padding-top: 12px;
}
.cdrefe:after {
font-family: 'Material Icons';
content: "open_in_new";
background: translate;
font-size: 15px;
transition: 0;
position: relative;
top: 3px;
margin-left: 14px;
font-weight: normal;
}
.add-to-demo {
display: flex;
max-width: 100%;
justify-content: flex-start;
flex-direction: row-reverse;
}
.add-to-demo-24 {
display: block;
max-width: 100%;
justify-content: flex-start;
flex: left;
}

.we-2024, .btn-primary {
background: #272241!important;
color: white!important;
font-weight: 700!important;
border: 0;
display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    
    padding: 14px 14px;
    border-radius: 14px;
    border: 1px solid #272241!important;
    
     
    
    font-size: 14px!important;
    
}

.theme-block-new {
position: relative;
z-index: 500;
}
.nova-sablona-24 {
position: absolute;
right: 39px;
font-size: 12px;
background: #f0653a;
padding: 0 12px;
top: 7px;
color: white;
font-weight: 700;
border-radius: 4px;
z-index: 10000;
}
.block-img-top{
float: left;
text-align: left;
min-width: 100%;
position: relative;
margin: 20px 0 20px 0;
}
.block-img-top:after {
position: absolute;
content: "9.x";
border-radius: 50%;
height: 25px;
width: 25px;
left: 28px;
background: #272241;
color: white;
font-weight: 700;
line-height: 25px;
text-align: center;
padding: 0;
font-size: 12px;
top: 4px;
transform: translateY(-50%);
/* right: 0; */
}
.mobfont12-2 {
margin: 0;
margin-bottom: 0!important;
}
.h1-top-theme {
margin-bottom: 0!important;
}
.in-seo {
display: flex;
align-items: center;
}
.in-seo ul {
width: 50%;
}
.in-seo .g-light {
width: 50%;
text-align: center;
}
.google-lighthause {
max-width: 100%;
}
/* posuvnik */ 
/*
.hlavni-blok-wrapper {
display: flex;
align-items: center;
}
.hlavni-blok {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
flex-grow: 1;  
}
.sablona-24 {
flex: 0 0 auto;
margin-right: 10px;
}
button { 
flex: 0 0 auto; 
} */ 
.sablona-24-banner {
    position: relative;
   
}

.sablona-24 .sablona-24-banner {

 padding-top: 0!important;
    margin-top: 0; }
    
    

.ima-topsablo-absol {
position: absolute;
bottom: -34px;
/* right: 48px; */
max-height: 250px;
width: auto;
left: 0%;
}
.sub-section-sablona-24 {
text-align: center;
margin-left: 0;
}
.rounded-pill {
border-radius: 8px!important;
}
/* sablona 24 */
/* TABS */ 
.sablona-24 .tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.sablona-24 .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
.sablona-24 .tab button:hover {
background-color: #ddd;
}
.sablona-24 .tab button.active {
background-color: #ccc;
}
.tabs-theme {
position: relative;
}
.img-theme-24 {
position: absolute;
}
/* END */ 
/* sablona 23 */ 

/* new */ 

.bottom-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.welcome {
position: relative;
} 
.welcome .banner-gif {
position: relative;
}
.welcome .btn-primary {
margin-right: 0!important;
}
.akt-verze{
position: absolute;
right: 5px;
bottom: 5px;
top: auto;
z-index: 10;
}
.akt-cena {
background: #fab758;
}
.index-theme24 {
display: flex;
justify-content: flex-end;
}
 
.section-24 .top-head:before {
color: #aab0bc!important;
}
.section-24 .top-head:before {
border: 1px solid #aab0bc;
}
.section-24 .top-head  {
color: #aab0bc!important;
}
.section-24 .underline-3 {
max-width: max-content;
}
.mrkac-v-sablone {
position: absolute;
}

.logo-h1 {
display: flex;
}
.logo-h1 img {
height: 35px!important;
width: 40px!important;
margin-left: 17px;
top: 4px;
position: relative;
}
.text-link-24 {
color: #fab758;
font-weight: 800;
}

/* nahled sablony */ 
.box-tabs-1 {
   padding-top: 2.5rem;
}

.nahled-sablony {
   padding-top: 0;
  /*  padding-bottom: 4rem; */ 
}

.img-theme-we {
    width: 100%;
    border: 3px solid #979797;
    border-radius: 16px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2),
        inset 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    background: #fff;
    height: 850px;
    overflow-y: scroll;
}

/* Vytvoříme pseudo-element pro scrollbar */
.img-theme-we::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    pointer-events: none; /* Aby scrollbar fungoval skrz */
}

/* Skryjeme původní scrollbar */
.img-theme-we::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

/* Stylování našeho vlastního scrollbaru */
.img-theme-we::after {
    background-color: transparent;
    transition: background-color 0.3s;
}

.img-theme-we:hover::after {
    background-color: #828282;
    border-radius: 20px;
}

/* Pro Firefox */
.img-theme-we {
    scrollbar-width: none;
}

.img-theme-we img {
width: 100%;
display: block;

}

 
/* END */ 
.img-theme-we {
position: relative;
}
.img-theme-we-inner {
height: 100%;
position: relative;
}
.floating-button {
    position: fixed;
   
    top: 50%;
   
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 10;
    pointer-events: none;
   
    max-width: max-content;
}
.floating-button a {
display: flex;
align-items: center;
justify-content: center;
background: #f0653a; 
color: #ffffff;
text-decoration: none;
pointer-events: auto;
padding: 12px;
font-weight: 600;
border-radius: 0 8px 8px 0;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
}
.floating-button a:hover {
color: white;
}
.img-theme-we:hover .floating-button {
opacity: 1;
}
/* Přidání "tlačítka domů" */
.sablona-24 .tabcontent {
} 
.tab-themes {
min-width: 100%;
max-width: 100%;
text-align: left;
}
.reset-tb {
padding: 0;
margin: 0;
border: none;
background: none;
font: inherit;
color: inherit;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
font-weight: 600;
}
.tablinks {
padding: 12px;
font-size: 18px;
}
.tablinks.active {
background-color: transparent;
border-bottom: 3px solid #fab758;
color: #fab758;
font-weight: 600;
}
.stranky-eshopu {
    font-size: 40px;
    color: #353f51;
    font-weight: 700;
    min-width: 100%;
    text-align: left;
    margin-bottom: 4px;
    padding-left: 7px;
}
.mt-fix {
margin-top: 94px!important;
}
.bank-list {
margin-bottom: 20px;
}
.bank-list p {
display: inline;
margin-right: 4px;
margin-left: 4px;
font-weight: 800;
}
.bank-list p:after {
content: " | ";
}
.bank-list p:last-child:after {
content: "";
}
.seo-pl {
font-size: 16px;
}

.price-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fab758;
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 8px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transform: rotate(5deg);
    z-index: 1;
}

.price-badge-1 {
    
    background-color: #fab758;
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 8px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    
    z-index: 1;
}

.price-text {
    font-size: 16px;
    display: block;
}

.pricing-table {
    background-color:#fff8f0;
    border-radius: 0px;
    padding: 15px;
    margin-bottom: 20px;
    border-left: 4px solid #fab758;
}

.pricing-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.pricing-row:last-of-type {
    border-bottom: none;
}

.version {
    font-weight: 500;
}

.price {
    font-weight: 700;
    color: #2c3e50;
}

.pricing-note {
    margin-top: 10px;
    font-size: 12px;
    color: #6c757d;
    text-align: right;
    font-style: italic;
}

.unset-img-8 {
  margin: unset;
}

.seznam-praci-update {
    
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: stretch;
}

.lighthouse-bg-2 {
    position: relative;
}

.lighthouse-bg-2:before {
    content: "";
    position: absolute;
     
    width: 249px;
    height: 150px;
    background-image: url('/obrazky/google-lighthause.png');
    background-size: cover;
    background-position: center;
    opacity: 1;
    border-radius: inherit;
    bottom: 0;
    right: 0;
}

.container-sablona-cenik {
   
  
    padding-top: 0!important;
    padding-bottom: 0!important;
    text-align: left;
    margin-bottom:  48px;
    margin-top: 48px;
}

.cenik-theme24 {
    
    padding-right: 10px;
}

.box-ukazka {
    margin-top: 84px;
}

.no-bullet {
   list-style: none;
   padding: 0;
   margin: 0 0 15px 0;
   width: 100%;
}

.no-bullet li {
   padding: 0;
   margin: 0 0 5px 0;
   font-size: 0.9rem;
   line-height: 1.3;
   white-space: normal;
   word-break: break-word;
}

.hover-1:hover {
  
  color: white;
  
}

.col-unset {
  padding-left: 10px;
}

.unset-50 {
  padding-right: 0;
}

.unset-50  li{
  width: 100%;
}

.italic {
  font-style: italic;
}

.price-badge-2 {
  margin-top: 24px;
}

.product-price {
    font-size: 16px;
    font-weight: 700;
    color: #f8ba61;
    display: inline-block;
    padding: 12px 24px;
    margin: 0.5rem 0;
    margin-top: 24px;
    background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(240,240,240,0.5) 100%);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    position: relative;
}

.float-ri {
  float: right;
}

.set-m {
 
 margin-top: 24px!important;
  
}

.ul-50-3 {
    
    padding: 0px 20px;
}

.section-f1 {
  display: flex;
 }

  .mob-sf-vi {
   display: none;
    
  }
  
  .desk-sf-vi {
    display: block;
  }
  
  
  h1 {
    letter-spacing: .75px;
  }

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

/* TABS WESTUDIO 2025 */

:root {
    --we-primary: #03c7be;
    --we-primary-light: #e6f9f8;
    --we-text: #60697b;
    --we-heading: #343f52;
    --we-bg-gray: #f8f9fa;
    --we-transition: all 0.3s ease;
}

.we-tabs-container {
    
   
    
}

/* Navigace */
.we-tabs-nav {
    display: flex;
    gap: 10px;
    margin-bottom: -1px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0 5px;
}

.we-tabs-nav::-webkit-scrollbar {
    display: none;
}

.we-tab-btn {
    padding: 4px 4px 12px 4px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--we-text);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px 8px 0 0;
    transition: var(--we-transition);
    white-space: nowrap;
    margin-right: 1.25rem;
}

 

.we-tab-btn.active {
    
    
    border-bottom: 2px solid #f8ba61;
    color: #f8ba61;
    
}

/* Panel s obsahem */
.we-tabs-content {
    
    border-radius: 0 12px 12px 12px;
    padding: 0px;
    
    
    
     
}

.we-tab-panel {
    display: none;
    animation: fadeIn 0.4s ease forwards;
}

.we-tab-panel.active {
    display: block;
}

.we-tab-panel h3 {
    color: var(--we-heading);
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 700;
}

.we-tab-panel p {
    color: var(--we-text);
    font-size: 0.875rem;
    line-height: 1.6;
}

.we-subsection {
    margin-bottom: 20px;
    padding: 18px 18px 16px;
    border: 0px solid #eee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgb(0 0 0 / 3%);
    width: 20%;
    
    width: 19%;
}

 

.we-card-grid {
    display: flex;
    justify-content: space-between;
}

.we-subsection h4 {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--we-heading);
}

.we-subsection p {
    margin: 0;
}

.we-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 8px;
    margin-bottom: 1.25rem;
    margin-top: 7px;
    text-align: center;
    min-width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 36px;
}

.we-logo--placeholder {
    font-size: 14px;
    color: var(--we-primary);
    font-weight: 700;
    text-transform: uppercase;
}

.we-list {
    margin: 0;
    padding-left: 18px;
    color: var(--we-text);
    font-size: 12px;
}

.we-list li {
    margin-bottom: 6px;
}

.we-list li:last-child {
    margin-bottom: 0;
}

.we-list--accent li {
    
    list-style-type: circle;
}

.we-list--accent li::marker {
    
   color:#fab758;
       list-style-type: circle;
}

/* Animace */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

 

.loga-9up {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 3%);
    background: white;
}

.we-logo img {
    max-width: 55%;
    min-width: 55%;
    width: 55%;
    border-radius: 4px;
    
    filter: grayscale(20%);
}

.we-subsection h4 {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--we-heading);
    
    /* rn */ 
    
}

.card-fix__ img {
  filter: grayscale(90%);
  height: 30px;
}

.card-fix__ img:hover  {
  
  filter: grayscale(80%);
}

.we-tab-panel .sablona .h4-ed {
    font-weight: 600;
    font-size: 16px;
    
    margin-left: 0;
    
}

.we-tab-panel .sub-section-sablona {
    color: #aab0bc;
    font-size: 12px;
    margin-left: 9px;
    
    padding-top: 10px;
   
    padding: 16px 0px;
}

.we-tab-panel .card-body {
     
    padding-top: 16px;
 
}

.we-tab-panel .sablona .card-fix {
    
    min-width: 100%;
     
}

.cenove-srovnavace {
    
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.cenove-srovnavace .sablona ul {
    font-size: 14px;
}

.cenove-srovnavace .h4-ed {
    font-weight: 600;
    font-size: 14px!important;
    color: #aab0bc;
     
}

.we-tab-panel  .top-head:before {
   
    top: 9px;
    
}

.cenove-srovnavace .sablona {
  
  display: flex;
  width: 23.5%;
}

.loga-platby {
  width: auto!important;
}

.loga-platby-bottom {
    width: 100%;
    background: white;
    background-color: white;
    display: flex;
    justify-content: space-between;
}

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

.analytiky-tabs .sablona {
   
  width: 23.5%;
  margin-right: 2.1%; /* to hustý */ 
}

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

.nastroje-tabs .h4-ed {
     
    font-size: 16px!important;
    color: #404040;
   
}

.nastroje-tabs .sablona {
  margin-bottom: 1.5%;
}

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

.moduly-tabs .sablona {
  margin-bottom: 1.5%;
}

.moduly-tabs .h4-ed {
   
    color: #292929!important;
    
}

.moduly-tabs .row-1 {
    margin-left: -22px;
    margin-right: -22px;

    
}

/* changelog */ 

/* FIX */

#tab-changelog {
  
  padding-top: 0!important;
}

.changelogItem__bullets {
    
    text-align: left;
}

.changelogItem__desc {
     
    text-align: left;
}

/* END */ 

.changelog {
     
    
}

.changelog__container {
   /*  max-width: 980px;
    margin: 0 auto; */ 
}
.changelog__header {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 36px;
    padding-top: 36px;
}

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

.changelog__title{
  margin: 0;
  font-size: 28px;
  letter-spacing: .2px;
}

.changelog__subtitle{
  margin: 8px 0 0 0; /* místo gap */
  color: #a9b0c4;
  font-size: 14px;
}

.changelog__headerRight{
  display: flex;
  align-items: center;
}

.changelog__link {
    color: #e9ecf5;
    text-decoration: none;
    opacity: .9;
    border: 1px solid #fab758;
    padding: 10px 12px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    color: #fab758;
}

 

.changelog__link:focus-visible{
  outline: 2px solid rgba(124,92,255,.8);
  outline-offset: 2px;
}

.changelog__list{
  margin-top: 0px;
}

.changelogItem{
  display: flex;
  align-items: stretch;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
   
  border-radius: 16px;
     box-shadow: 0 18px 40px #00000014, 0 6px 14px #0000000a;
  overflow: hidden;
}

/* rozestupy mezi kartami bez gap */
.changelogItem + .changelogItem{
  margin-top: 14px;
}

.changelogItem__meta{
  width: 170px;
   color: #8a5a00;
  background: #fff4e5;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.changelogItem__date{
  display: flex;
  flex-direction: column;
  line-height: 1;
  color: #8a5a00;
}

.changelogItem__day{
  font-size: 32px;
  font-weight: 750;
  color: #8a5a00;
}

.changelogItem__month{
  margin-top: 6px;
  font-size: 14px;
  color: #8a5a00;
}

.changelogItem__year{
  margin-top: 4px;
  font-size: 12px;
  color: #8a5a00;
}

.changelogItem__badges{
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px; /* místo gap */
}

.badge{
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 12px;
  padding: 6px 10px;
  
  background: rgba(17,21,34,.55);
  margin-right: 8px; /* místo gap */
  margin-top: 8px;   /* místo gap */
  white-space: nowrap;
}

.badge--release{ border-color: rgba(124,92,255,.45); }
.badge--fix{ border-color: rgba(60, 220, 165, .35); }
.badge--beta{ border-color: rgba(255, 194, 71, .40); }

.changelogItem__content{
  flex: 1;
  padding: 16px 18px;
   
}

.changelogItem__top{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.changelogItem__title{
  margin: 0;
  font-size: 18px;
  letter-spacing: .15px;
  color: #272241;
}

.changelogItem__version{
  margin-left: 12px;
  color: #a9b0c4;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,.08);
  padding: 6px 10px;
  border-radius: 999px;
  white-space: nowrap;
  /* RN */ 
  display: none;
}

.changelogItem__desc{
  margin: 10px 0 0 0;
  color: #272241!important;
  line-height: 1.5;
  font-size: 14px;
  max-width: 72ch;
}

.changelogItem__bullets{
  margin: 12px 0 0 18px;
  padding: 0;
  color: #272241;
  font-size: 13px;
  line-height: 1.5;
}

.changelogItem__footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 14px;
  padding-top: 12px;
}

.pill{
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 12px;
  padding: 6px 10px;
  background: rgba(124,92,255,.14);
  border: 1px solid rgba(124,92,255,.28);
}

.pill--muted{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: #a9b0c4;
}

.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.08);
  color: #e9ecf5;
  background: transparent;
}

 
 .btn--ghost , .btn--ghost:hover{
      display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .08);
    color: #8a5a00;
    background: #fff4e5;
}
 
 

.btn--ghost:focus-visible{
  outline: 2px solid rgba(124,92,255,.8);
  outline-offset: 2px;
}

/* =========================
   Responsive
   ========================= */

@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior: auto !important; }
}

/* moduly */ 

/* =========================
   MODULE CARD (light IX)
   Accent: #fab758
   Scoped: .moduleCard
   No :root, no rgba
   ========================= */

.moduleCard{
  width: 100%;
  max-width: 24%;
  margin-bottom: 1%;
  border-radius: 18px;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #efe7d8;

  box-shadow: none;

  color: #272241;
  text-align: left;
  position: relative;
  
}

/* Decentní „vlna“ jako dekor (neleze do obsahu) */
.moduleCard::before{
  content: "";
  position: absolute;
  left: -10%;
  top: -32px;
  width: 120%;
  height: 120px;
  pointer-events: none;
  opacity: 1;

  /* SVG vlna v pozadí – jemná, teplá */
  
  /* 
  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='200' viewBox='0 0 900 200'%3E%3Cpath fill='%23fff4e5' d='M0,120 C120,160 220,80 340,120 C460,160 560,80 680,120 C780,146 840,130 900,118 L900,0 L0,0 Z'/%3E%3Cpath fill='%23ffe4bf' d='M0,145 C140,185 240,95 360,145 C480,195 590,105 700,145 C800,175 860,160 900,150 L900,0 L0,0 Z' opacity='0.55'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  */ 
}

/* =========================
   HEAD
   ========================= */

.moduleCard__head{
  display: flex;
  align-items: flex-start;
  padding: 18px 18px 14px 18px;
  position: relative;
}

.moduleCard__icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1.5px solid #fab758;
  background: #ffffff;
  flex: 0 0 auto;
  position: relative;
      display: flex;
    align-items: center;
}

#tab-marketing-podpora .moduleCard__icon {
  border: 0;
}

#tab-marketing-podpora .moduleCard__icon, #tab-doprava-platba .moduleCard__icon {
  border: 0;
}

/* Pokud chceš badge v ikoně, ať je decentní */
.moduleCard__iconBadge{
  position: absolute;
  left: 6px;
  bottom: 6px;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid #f2c37b;
  background: #fff4e5;
  color: #8a5a00;
  font-weight: 600;
  /* rn */ 
  display: none;
  
}

.moduleCard__titleWrap{
  margin-left: 14px; /* místo gap */
  min-width: 0;
  flex: 1;
}

.moduleCard__titleRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.moduleCard__title{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #272241;
  max-width: 26ch;
  overflow: hidden;
}

.moduleCard__version{
  margin-left: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid #f2c37b;
  background: #fff8ef;
  color: #8a5a00;
  font-size: 0.65rem;
  font-weight: 600;
  white-space: nowrap;
}

.moduleCard__subtitle{
  margin: 0.2rem 0 0 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: #6f6a80;
  text-align: left;
  padding-left: 2px;
}

/* =========================
   BODY
   ========================= */

.moduleCard__body{
  padding: 6px 18px 14px 18px;
}

.moduleCard__desc{
  margin: 0;
  font-size: 0.825rem;
  line-height: 1.6;
  color: #3c3657;
}

/* Pokud máš v těle i <ul> */
.moduleCard__body ul{
  margin: 10px 0 0 16px;
  padding: 0;
  color: #5b5670;
  font-size: 0.8rem;
  line-height: 1.6;
}

.moduleCard__body li + li{
  margin-top: 6px; /* místo gap */
}

/* =========================
   TAGS
   ========================= */

.moduleCard__tags{
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
}

/* default tag (neaktivní) */
.moduleCard__tag{
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 12px;
  padding: 7px 12px;
  border: 1px solid #ded7ca;
  background: #ffffff;
  color: #6f6a80;
  white-space: nowrap;

  margin-right: 10px; /* místo gap */
  margin-top: 10px;   /* místo gap */
}

/* aktivní tag – tmavý, ale ne “moc” */
.moduleCard__tag--active {
    border-color: #f2c37b;
    background: #fff4e5;
    color: #8a5a00;
    font-weight: 600;
}

/* doporučený – jemně akcent */
.moduleCard__tag--recommended{
  border-color: #f2c37b;
  background: #fff4e5;
  color: #8a5a00;
  font-weight: 600;
}

/* =========================
   FOOTER + CTA
   ========================= */

.moduleCard__footer{
  padding: 14px 18px 18px 18px;
  border-top: 1px solid #efe7d8;
  background: #ffffff;
}

.moduleCard__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  width: 100%;
  padding: 14px 14px;
  border-radius: 14px;

  border: 1px solid #f2c37b;
  background: #fab758;
  color: #272241;
  font-weight: 700;
  font-size: 14px;

  box-shadow: 0 10px 18px #fab75833; /* 33 = ~20% */
}

 .moduleCard__btn:hover {
     
    color: #272241;
    
}

.we-2024, .btn-primary {
background: #272241!important;
color: white!important;
font-weight: 700!important;
border: 0;
 
    text-decoration: none;
    
    padding: 14px 14px!important;
    border-radius: 14px;
    border: 1px solid #272241!important;
    
     width: auto!important;
    
    font-size: 14px!important;
    
}

.moduleCard__btn:active{
  transform: translateY(1px);
}

.moduleCard__btn:focus-visible{
  outline: 2px solid #272241;
  outline-offset: 3px;
}

.moduleCard__arrow{
  margin-left: 10px;
  font-size: 18px;
  line-height: 1;
  opacity: 0.9;
}

/* =========================
   HOVER CARD (decent)
   ========================= */

.moduleCard:hover{
  border-color:0px solid  #272241;
  box-shadow:
    0 22px 50px #00000018,
    0 8px 18px #0000000c;
}

/* =========================
   Responsive drobnost
   ========================= */

.moduleCard  ul {
    list-style-type: circle;
   
}

.moduleCard  li::marker {
    color: #272241;
}

 .moduleCardToggle { position: relative; z-index: 1000; }
.moduleCardPlaceholder { pointer-events: none; }

/* SEO */ 

.seo ul {
    margin: 12px 0 0 18px;
    padding: 0;
    color: #5b5670;
    font-size: 14px;
    line-height: 1.6;
}

.sablona.seo .card-fix {
  
    
    
    border-radius: 18px;
    
    background: #ffffff;
    border: 1px solid #efe7d8;
    box-shadow: 0 18px 40px #00000014,
    0 6px 14px #0000000a;
    color: #272241;
    
}
 
 
     .sablona.seo  {
       width: 75%;
     }
 
 
 /* to se musí opravit */ 
 
.seo__tabs_center, .ostatni_tabs_center, .doprava-tabs-1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}

/* end divny tabs */ 

.tabs-fo {
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tabs-fo .moduleCard {
    width: 30%;
    max-width: 30%;
    
     
    
}

.f75 {
  width: 65%!important;
  min-width:65%!important;
  
}

.f50 {
  min-width: 49%;
  width: 49%;
}

  .pricing-wrapper{
  
  width: 57%;
  padding-right: 0;
  
  
}

/* Cenová sekce šablona (prestashop-sablona-9): CSS Grid – dvě pole vedle sebe od 768px, nezávislé na Bootstrap row/col */
section.pricing-wrapper-sablona .ps-pricing-layout {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  width: 100%;
}
@media (min-width: 768px) {
  section.pricing-wrapper-sablona .ps-pricing-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    column-gap: clamp(1.25rem, 3vw, 2.25rem);
    row-gap: 1.5rem;
    align-items: start;
  }
}
section.pricing-wrapper-sablona .ps-pricing-intro,
section.pricing-wrapper-sablona .ps-pricing-card-col {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
section.pricing-wrapper-sablona .ps-pricing-card-col .pricing-wrapper {
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

/* Jedna karta v pravém sloupci – přes plnou šířku vnitřního řádku */
section.pricing-wrapper-sablona .ps-pricing-card-col .row > .col-12 {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.no__title {
  display: none;
}

.market-tabs-1 .moduleCard__subtitle {
  
}

.no__subtitle {
  display: none;
}

 .market-tabs-1 .moduleCard__head, .seo-tabs-1 .moduleCard__head, .ostatni_tabs_center  .moduleCard__head {
   align-items: center;
 }
 
 .market-tabs-1 p, .seo-tabs-1 p {
   font-size: 14px;
   
 }
 
 .seo-tabs-1  .moduleCard {
   margin-top: 1%;
 }
 
 .doprava-tabs-1 .moduleCard img {
  
  
  height: 24px;
   
 }
 
 .tlacitko-sablona, .moduleCard__btn, .btn-primary  {
   text-transform: uppercase;
 }
 
 /* Moduly: karty stejně vysoké v řadě; tlačítko „Prozkoumat“ dole v těle (jedna řada) */
#tab-moduly .tabs-fo .moduleCard {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: stretch;
}

 /* Moduly: popis + seznam v modalu (tlačítko „Prozkoumat“) – karta bez skákání výšky */
#tab-moduly .moduleCard__head {
  flex: 0 0 auto;
  min-height: 104px;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 14px;
  row-gap: 0.4rem;
}

/* Podtitul na vlastní řádek na 100 % šířky hlavičky (jako tlačítko „Prozkoumat“ v těle) */
#tab-moduly .moduleCard__titleWrap {
  display: contents;
}

#tab-moduly .moduleCard__icon {
  flex: 0 0 44px;
}

#tab-moduly .moduleCard__titleRow {
  flex: 1 1 0;
  min-width: 0;
}

#tab-moduly .moduleCard__subtitle {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    box-sizing: border-box;
    min-height: 56px;
}
#tab-moduly .moduleCard__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-height: 250px;
}

#tab-moduly .moduleCard__footer {
  flex: 0 0 auto;
}

#tab-moduly .moduleCard__body > .moduleCard__desc {
  margin-bottom: 0.65rem;
}

#tab-moduly .moduleCard__body > p:empty {
  display: none;
  margin: 0;
  padding: 0;
}

#tab-moduly .moduleCard__open-detail {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 0.45rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.25;
  color: #272241;
  background: #fff8ef;
  border: 1px solid #f2c37b;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#tab-moduly .moduleCard__open-detail:hover {
  background: #fff4e5;
  border-color: #fab758;
  color: #1a1629;
}

#tab-moduly .moduleCard__open-detail:focus-visible {
  outline: 2px solid #272241;
  outline-offset: 2px;
}

#tab-moduly .moduleCard__detailBundle[hidden] {
  display: none;
}

/* Kategorie modulu pod nadpisem (jako .ref-showcase-tag) – v hlavičce karty */
#tab-moduly .moduleCard__head .moduleCard__tag.moduleCard__tag--recommended {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0.2rem 0 0.1rem 0;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
  white-space: normal;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a93a0;
  line-height: 1.35;
  text-align: left;
}

/* FO / BO – jako řádek MARKETING / B2B…: bez paddingu, min. mezery, stejné „pozadí“ (žádné) */
#tab-moduly .moduleCard__scope {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 0 0 0.2rem 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.35;
  text-align: left;
  border: none;
  background: none;
  border-radius: 0;
  color: #8a93a0;
}

@media (prefers-reduced-motion: reduce) {
  #tab-moduly .moduleCard__open-detail {
    display: none !important;
  }

  #tab-moduly .moduleCard__detailBundle {
    display: block !important;
  }
}

/* Celá karta otevírá modal (JS); overlay <a> nezasahuje do kliku */
#tab-moduly a.moduleCard__linkAll {
  pointer-events: none;
}

/*
  Globální .tabs-fo má cursor: grab u carouselu.
  Záložka Moduly: .tabs-fo--moduly-grid = mřížka bez horizontálního scrollu.
*/
#tab-moduly .tabs-fo {
  cursor: default;
  align-items: stretch;
}

@media (prefers-reduced-motion: no-preference) {
  #tab-moduly .moduleCard {
    cursor: pointer;
  }
}

/* Modal detail modulu */
.we-module-detail-dialog {
  padding: 0;
  border: none;
  background: transparent;
  max-width: calc(100vw - 2rem);
  width: min(32rem, 100vw - 2rem);
}

.we-module-detail-dialog::backdrop {
  background: rgba(39, 34, 65, 0.45);
  backdrop-filter: blur(2px);
}

.we-module-detail-dialog__panel {
  background: #fff;
  border-radius: 18px;
  border: 1px solid #efe7d8;
  box-shadow: 0 24px 60px rgba(39, 34, 65, 0.18);
  overflow: hidden;
}

.we-module-detail-dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1rem 0.5rem 1.15rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.we-module-detail-dialog__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  color: #272241;
  padding-top: 2px;
}

.we-module-detail-dialog__close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #272241;
  cursor: pointer;
  transition: background 0.2s ease;
}

.we-module-detail-dialog__close:hover {
  background: rgba(39, 34, 65, 0.06);
}

.we-module-detail-dialog__close:focus-visible {
  outline: 2px solid #272241;
  outline-offset: 2px;
}

.we-module-detail-dialog__close .material-icons {
  font-size: 22px;
}

.we-module-detail-dialog__body {
  max-height: min(70vh, 28rem);
  overflow-y: auto;
  padding: 0.75rem 1.15rem 1.15rem;
  text-align: left;
  color: #3c3657;
  font-size: 0.9rem;
  line-height: 1.55;
}

.we-module-detail-dialog__body .moduleCard__desc {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
}

.we-module-detail-dialog__body ul {
  margin: 0 0 0 1.1rem;
  padding: 0;
  color: #5b5670;
  font-size: 0.88rem;
  line-height: 1.55;
}

.we-module-detail-dialog__body li + li {
  margin-top: 0.45rem;
}

@media (max-width: 575.98px) {
  .we-module-detail-dialog {
    width: 100%;
    max-width: 100%;
    margin: auto;
  }

  .we-module-detail-dialog__body {
    max-height: min(75vh, 32rem);
  }
}

#tab-seo, #tab-changelog,  #ostatni {
  padding-top: 52px;
}

/* END */ 

.theme-2026 .img-theme-we {
    
     height: 506px;  
    
     
    
    
}

.img-theme-we img  {
  height: auto!important;
}

.img-theme-we::-webkit-scrollbar {
    width: 12px;
}

.img-theme-we::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    margin: 16px 0;
}

.img-theme-we::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            180deg,
            #3a3f5c,
            #25283c
        );
    border-radius: 999px;
    border: 3px solid rgba(255, 255, 255, 0.55);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.img-theme-we::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #4b5175,
            #2f3350
        )
}  
        
        
        
.theme-2026 .sablona-24-banner, .theme-2026 .text-center.text-lg-start {
  width: 40%;
}

.col-md-10.offset-md-1.offset-lg-0.col-lg-5.text-center.text-lg-start {
  width: 60%;
}

.theme-2026 .pt-md-16.mobpadtop{

margin-top: 32px!important;
padding-top: 0!important;
  
}

.changelogItem__footer  .btn--ghost {
  
  display: none;
  /* RN */ 
  
}

.moduleCard__version , .moduleCard__footer {
  display: none;
  /* RN */
}

 
 .tabcontent { display: none; }
        .tabcontent.is-active { display: block; }
        
        
        .tabs-theme .demo-copy h3 { margin-top: 0; margin-bottom: 0.75rem; }
        .tabs-theme .demo-copy ul { margin: 0 0 1rem 1rem; }
        .tabs-theme .demo-copy li { margin-bottom: .35rem; }
        .tabs-theme .feature-pills {
          display: flex;
          flex-wrap: wrap;
          gap: .5rem .75rem;
          margin: .75rem 0 1rem 0;
        }
        .tabs-theme .feature-pills .pill {
          display: inline-flex;
          align-items: center;
          gap: .5rem;
          background: #f5f7fb;
          border: 1px solid #e6e9f2;
          color: #2b2f36;
          border-radius: 999px;
          padding: .35rem .75rem;
          font-size: .875rem;
          line-height: 1.2;
         
          flex: 1 1 calc(33.333% - .75rem);
        }
        .tabs-theme .feature-pills .pill img { width: 16px; height: 16px; }

/* REF */ 

.reference{
    display: flex;
   
    align-items: center;
    margin-top: 24px;
     
}

.img-theme-we.ref {
  height: auto;
}

.sablona-24-banner.ref {
  width: 33.333%;
  margin-bottom: 84px;
  position: relative;
}

.ref-loga {
  
  height: 50px;
}

.ref_logo_main {
  margin-right: 24px;
}

.reference p {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

/* Reference showcase – prestashop-sablona-9 (nové, bez .sablona-24-banner / width 40 %) */
.ref-showcase-section {
  background: linear-gradient(180deg, #faf8f5 0%, #f6f4f0 100%);
}
.ref-showcase-header {
  margin-bottom: 0;
}
.ref-showcase-eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a93a0;
  margin: 0 0 0.65rem 0;
}
.ref-showcase-title {
  font-size: clamp(1.35rem, 2.6vw, 1.9rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #272241;
  margin: 0 0 0.65rem 0;
}
.ref-showcase-lead {
  font-size: 0.92rem;
  line-height: 1.55;
  color: #5c6678;
  margin: 0 auto;
  max-width: 36em;
}
/* Slider referencí – stejná logika jako .tabs-fo u modulů (3 karty viditelné na lg+) */
.ref-showcase-slider {
  position: relative;
  width: 100%;
  overflow: visible;
}
/* Globální .tabs-fo má cursor: grab – zde neutrální track; ručička jen u a.ref-showcase-cta (má cursor: pointer) */
.tabs-fo.ref-showcase-fo {
  align-items: stretch;
  cursor: default;
}
.tabs-fo.ref-showcase-fo > .ref-showcase-card {
  flex: 0 0 calc(33.333% - 0.667rem) !important;
  width: calc(33.333% - 0.667rem) !important;
  max-width: calc(33.333% - 0.667rem) !important;
  min-width: 0 !important;
  scroll-snap-align: start;
  align-self: stretch;
}
@media (max-width: 991.98px) {
  .tabs-fo.ref-showcase-fo > .ref-showcase-card {
    flex: 0 0 calc(50% - 0.5rem) !important;
    width: calc(50% - 0.5rem) !important;
    max-width: calc(50% - 0.5rem) !important;
  }
}
@media (max-width: 575.98px) {
  .tabs-fo.ref-showcase-fo > .ref-showcase-card {
    flex: 0 0 88% !important;
    width: 88% !important;
    max-width: 88% !important;
  }
}
.ref-showcase-card {
  background: #fff;
  border: 1px solid #efe7d8;
  border-radius: 18px;
  overflow: hidden;
  /* Jemný stín – silnější byl ořezáván .we-slider-clip { overflow:hidden } */
  box-shadow: 0 10px 28px rgba(39, 34, 65, 0.07);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  cursor: default;
}

/* Prostor uvnitř clipu, aby stín karet nepřitínal rodič (slider) */
.ref-showcase-slider .we-slider-clip,
section.nahled-sablony .we-slider-clip {
  padding: 12px 18px 20px;
  box-sizing: border-box;
}
.ref-showcase-media {
  position: relative;
  background: #ece8e0;
  aspect-ratio: 16 / 9;
}
.ref-showcase-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.ref-showcase-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 1.2rem 1.25rem 1.35rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, #fffefb 0%, #fff 100%);
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
}
.ref-showcase-footer-main {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
}
.ref-showcase-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 12px;
  border: 1px solid #efe7d8;
  background: #fff;
  padding: 6px;
  flex-shrink: 0;
}
.ref-showcase-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.2rem;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  text-align: left;
}
.ref-showcase-name {
  font-size: 1.05rem;
  font-weight: 700;
  color: #272241;
  line-height: 1.25;
  flex-shrink: 0;
}
.ref-showcase-tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a93a0;
}

/* Doplňující řádky – inset panel; flex:1 vyrovná výšku béžového boxu v řádku karet */
.ref-showcase-detail {
  margin-top: 0.6rem;
  padding: 0.38rem 0.55rem 0.45rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.28rem;
  flex: 1 1 auto;
  min-height: 5.5rem;
  border-radius: 10px;
  border: 1px solid rgba(239, 231, 216, 0.95);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 245, 238, 0.65) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.ref-showcase-detail-kicker {
  margin: 0;
  padding: 0;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none !important;
  color: #5c6470;
  line-height: 1.3;
  margin-bottom: 2px;
}
/* Odrážka + flex: zalomené řádky pokračují pod textem (sloupec vedle tečky), ne pod levý okraj */
.ref-showcase-detail-line {
  display: flex;
  align-items: flex-start;
  gap: 0.38rem;
  margin: 0;
  min-width: 0;
  font-size: 0.64rem;
  line-height: 1.48;
  font-weight: 500;
  color: #5a6470;
  letter-spacing: 0.01em;
}
.ref-showcase-detail-line::before {
  content: "";
  flex: 0 0 auto;
  width: 4px;
  height: 4px;
  margin-top: 0.48em;
  border-radius: 50%;
  background: rgba(250, 183, 88, 0.55);
  box-shadow: 0 0 0 1px rgba(250, 183, 88, 0.18);
}
.ref-showcase-detail-line-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.ref-showcase-detail-line:last-child {
  margin-bottom: 0;
}

/* CTA u referencí: žlutá značka (#fab758), bez rámečku a bez levého paddingu; přepíše i .btn při starším HTML */
.ref-showcase-footer > a.ref-showcase-cta,
.ref-showcase-card a.ref-showcase-cta,
a.ref-showcase-cta {
  font-size: 0.8rem;
  font-weight: 700;
  color: #fab758;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 40px;
  padding: 0.32rem 0.5rem 0.32rem 0 !important;
  margin: 0 !important;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.25;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ref-showcase-footer > a.ref-showcase-cta {
  margin-top: auto !important;
}
.ref-showcase-card a.ref-showcase-cta.btn,
.ref-showcase-card a.ref-showcase-cta.btn-outline-primary {
  color: #fab758!important;
  border-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
  padding-top: 0.32rem !important;
  padding-bottom: 0.32rem !important;
}
.ref-showcase-footer > a.ref-showcase-cta:hover,
.ref-showcase-card a.ref-showcase-cta:hover,
a.ref-showcase-cta:hover {
  background: transparent !important;
  color: #fab758;
  text-decoration: none;
  text-underline-offset: 0.2em;
  text-decoration-color: rgba(250, 183, 88, 0.85);
}
.ref-showcase-card a.ref-showcase-cta:focus,
a.ref-showcase-cta:focus {
  outline: none;
  box-shadow: none !important;
}
.ref-showcase-footer > a.ref-showcase-cta:focus-visible,
.ref-showcase-card a.ref-showcase-cta:focus-visible,
a.ref-showcase-cta:focus-visible {
  outline: 2px solid #fab758;
  outline-offset: 2px;
}
.ref-showcase-footer > a.ref-showcase-cta:active,
.ref-showcase-card a.ref-showcase-cta:active,
a.ref-showcase-cta:active {
  background: transparent !important;
  color: #e8a840;
}
.__off____ {
  display: none;
}

/* ══════════════════════════════════════════════════════════════════
   HERO – prestashop-sablona-9
   ══════════════════════════════════════════════════════════════════ */

/* Sekce */
.hero-sablona-9 {
   padding-top: 4rem;
   padding-bottom: 2.5rem;
}

/* ── Nadpis ────────────────────────────────────────────────────────── */

.hero-nadpis-sablona {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 0.35em;
   font-size: 2.6rem;
   font-weight: 800;
   line-height: 1.12;
   letter-spacing: -0.02em;
   color: #272241;
   margin-bottom: 1.5rem;
}

/* Inline odznak 9.x */
.ps-badge-inline {
   display: inline-flex;
   align-items: center;
   position: relative;
   vertical-align: middle;
   flex-shrink: 0;
}

.ps-badge-img {
   height: 50px;
   width: auto;
   border-radius: 50%;
   display: block;
}

.ps-badge-ver {
   position: absolute;
   bottom: -3px;
   right: -10px;
   background: #272241;
   color: #fff;
   font-size: 0.6rem;
   font-weight: 700;
   padding: 2px 5px;
   border-radius: 5px;
   letter-spacing: 0.04em;
   white-space: nowrap;
   line-height: 1.2;
}

/* ── Odstavce ──────────────────────────────────────────────────────── */

.hero-sablona-9 p {
   font-size: 0.9rem;
   line-height: 1.6;
   color: #50596a;
   margin-bottom: 1rem;
}

/* ── Seznam ────────────────────────────────────────────────────────── */

.hero-list {
   list-style: none;
   padding: 0;
   margin: 0 0 1.25rem 0;
}

.hero-list li {
   display: flex;
   align-items: center;
   gap: 0.65em;
   padding: 0.3rem 0;
   font-size: 0.875rem;
   line-height: 1.4;
   color: #3c4a5a;
  
   white-space: nowrap;
}

.hero-list li:last-child {
   border-bottom: none;
}

.hero-list li::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #272241;
    margin-right: 15px;
    margin-top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

/* ── Tlačítko ──────────────────────────────────────────────────────── */

.hero-sablona-9 .add-to-demo-24 {
   margin-top: 1.5rem;
}

/* ── Pravý sloupec – obrázek ───────────────────────────────────────── */

.hero-img-col {
   min-height: 420px;
   border-radius: 14px;
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
}


/* ══════════════════════════════════════════════════════════════════
   ANIMACE – data-anim (fade-in + slide-up)
   Základ pro page-load i scroll animace
   ══════════════════════════════════════════════════════════════════ */

[data-anim] {
   opacity: 0;
   transform: translateY(22px);
   transition: opacity 0.55s ease, transform 0.55s ease;
}

[data-anim].is-visible {
   opacity: 1;
   transform: translateY(0);
}


/* ── Hero: Eyebrow label ─────────────────────────────────────────── */

.hero-eyebrow {
   display: flex;
   align-items: center;
   gap: 0.6rem;
   margin-bottom: 1.1rem;
}

.hero-eyebrow-pill {
    display: inline-block;
    background: #b2dae8;
    color: #000000;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
}


.hero-list {
  list-style: none;
  padding: 0;
}

.hero-list li {
  display: flex; 
  align-items: flex-start;  
  margin-bottom: 18px; 
}

 
.hero-list li::before {
  content: '✓'; 
  margin-right: 15px;
  color: #ffffff;  
  font-weight: bold;
}

.hero-list-content {
  display: flex;
  flex-direction: column;  
}

.hero-list-content strong {
  font-size: 1em;
  color: #272241;
  
}

.hero-list-desc {
  font-size: 0.85em;
  color: #8a93a0; 
  margin-top: 2px;
   
}


 

/* ── Hero: CTA tlačítka ──────────────────────────────────────────── */

.hero-cta-row {
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
   gap: 0.75rem;
   margin-top: 1.5rem;
}

/* Stejná výška řádku a ikony – bez „poskočení“ druhého tlačítka */
.hero-cta-row > .btn {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center;
   gap: 0.35rem;
   min-height: 2.85rem;
   line-height: 1.2;
   box-sizing: border-box;
}

.hero-cta-row .smallicong-sb {
   top: 0;
   margin-left: 0.35rem;
   flex-shrink: 0;
}

.hero-btn-secondary {
   font-size: 0.85rem;
   padding: 0.55rem 1.4rem;
   border-width: 2px;
}

@media (max-width: 991.98px) {
   .hero-sablona-9 .hero-cta-row {
      justify-content: center;
      width: 100%;
   }
}

@media (max-width: 575.98px) {
   .hero-sablona-9 .hero-cta-row {
      flex-direction: column;
      align-items: stretch;
      max-width: 18.5rem;
      margin-left: auto;
      margin-right: auto;
   }

   .hero-sablona-9 .hero-cta-row > .btn {
      width: 100%;
      min-height: 2.75rem;
   }
}

/* ── Hero: Důvěryhodnostní řádek ─────────────────────────────────── */

.hero-trust {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   margin-top: 1.25rem;
}

.hero-trust-item {
   display: flex;
   align-items: center;
   gap: 0.3rem;
   font-size: 0.78rem;
   color: #8a93a0;
}

.hero-trust-item .material-icons {
   font-size: 0.95rem;
   color: #45b87a;
}


/* ── Hero: Scroll indikátor ──────────────────────────────────────── */

.hero-sablona-9 {
   position: relative;
}

.hero-scroll-indicator {
   position: absolute;
   bottom: 0.75rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
   color: #b0bac6;
   width: auto;
}

.hero-scroll-line {
   display: block;
   width: 1px;
   height: 28px;
   background: linear-gradient(to bottom, transparent, #b0bac6);
   animation: scrollLineGrow 1.4s ease-in-out infinite;
}

.hero-scroll-indicator .material-icons {
   font-size: 1.1rem;
   animation: scrollArrowBounce 1.4s ease-in-out infinite;
}

@keyframes scrollLineGrow {
   0%, 100% { opacity: 0.3; transform: scaleY(0.6); }
   50%       { opacity: 1;   transform: scaleY(1); }
}

@keyframes scrollArrowBounce {
   0%, 100% { transform: translateY(-3px); opacity: 0.4; }
   50%       { transform: translateY(3px);  opacity: 1; }
}

.hero-scroll-indicator {
   transition: opacity 0.4s ease, transform 0.4s ease;
}

.hero-scroll-hidden {
   opacity: 0 !important;
   transform: translateY(8px);
   pointer-events: none;
}



/* ══════════════════════════════════════════════════════════════════
   KONTAKTNÍ SEKCE – formulář + info karty
   ══════════════════════════════════════════════════════════════════ */

.kf-section {
   padding: 4rem 0;
}

/* ── Formulář ──────────────────────────────────────────────────────── */

/* ── Formulář – wrap ───────────────────────────────────────────────── */

.kf-form-wrap {
   background: #fff;
   border: 1px solid #efe7d8;
   border-radius: 16px;
   padding: 2rem;
   box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}

/* Eyebrow + subtitle */
.kf-form-eyebrow {
   font-size: 0.68rem;
   font-weight: 700;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: #b0bac6;
   margin: 0 0 0.35rem 0;
}

.kf-form-subtitle {
   font-size: 0.8rem;
   color: #8a93a0;
   margin: 0 0 1.5rem 0;
   text-align: left;
}

/* Dva fieldy v řadě */
.kf-row-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0.875rem;
   margin-bottom: 0.875rem;
}

/* Jeden field */
.kf-field {
   margin-bottom: 0.875rem;
}

.kf-field:last-of-type {
   margin-bottom: 0;
}

/* Label */
.kf-label {
   display: block;
   font-size: 0.75rem;
   font-weight: 600;
   color: #50596a;
   margin-bottom: 0.3rem;
}

/* Input / Textarea */
.kf-input {
   display: block;
   width: 100%;
   padding: 0.6rem 0.875rem;
   font-size: 0.875rem;
   line-height: 1.5;
   color: #272241;
   background: #fafafa;
   border: 1.5px solid #e4ddd4;
   border-radius: 10px;
   outline: none;
   transition: border-color 0.2s, box-shadow 0.2s;
   font-family: inherit;
}

.kf-input:focus {
   border-color: #3f78e0;
   box-shadow: 0 0 0 3px rgba(63,120,224,0.1);
   background: #fff;
}

.kf-textarea {
   resize: vertical;
   min-height: 150px;
}

/* GDPR + submit */
.kf-bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 0.75rem;
   margin-top: 1.25rem;
   padding-top: 1rem;
   border-top: 1px solid #f0ebe4;
}

.kf-gdpr {
   display: flex;
   align-items: center;
   gap: 0.45rem;
   font-size: 0.73rem;
   color: #6f7a8a;
   cursor: pointer;
   line-height: 1.4;
}

.kf-gdpr a {
   color: #3f78e0;
   text-decoration: none;
}

.kf-submit {
   font-size: 0.85rem;
   padding: 0.5rem 1.4rem;
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
   white-space: nowrap;
}

/* Privacy note */
.kf-form-privacy {
   font-size: 0.68rem;
   color: #b0bac6;
   margin-top: 0.75rem;
   margin-bottom: 0;
   display: flex;
   align-items: center;
   gap: 0.3rem;
}

/* ── Info karty ────────────────────────────────────────────────────── */

.kf-info-wrap {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
}

.kf-card {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   padding: 0.75rem 1rem;
   border-radius: 12px;
   border: 1.5px solid #efe7d8;
   background: #fff;
   text-decoration: none;
   color: #272241;
   transition: box-shadow 0.2s, transform 0.2s;
}

.kf-card:not(.kf-card--static):hover {
   box-shadow: 0 6px 20px rgba(0,0,0,0.1);
   transform: translateY(-2px);
   color: #272241;
   text-decoration: none;
}

/* Tmavá varianta – telefon */
.kf-card--dark {
   background: #272241;
   border-color: #272241;
   color: #fff;
}

.kf-card--dark:hover {
   color: #fff;
}

.kf-card--dark .kf-card-label {
   color: rgba(255,255,255,0.6);
}

.kf-card--dark .kf-card-value {
   color: #fff;
}

.kf-card--dark .kf-card-arrow {
   color: rgba(255,255,255,0.4);
}

.kf-card--static {
   cursor: default;
   align-items: flex-start;
}

.kf-card-icon {
   width: 34px;
   height: 34px;
   border-radius: 8px;
   background: rgba(250,183,88,0.12);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.kf-card--dark .kf-card-icon {
   background: rgba(255,255,255,0.12);
}

.kf-card-icon .material-icons {
   font-size: 1rem;
   color: #fab758;
}

.kf-card--dark .kf-card-icon .material-icons {
   color: #fab758;
}

.kf-card-body {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.15rem;
}

.kf-card-label {
   font-size: 0.7rem;
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: #b0bac6;
}

.kf-card-value {
   font-size: 0.85rem;
   font-weight: 600;
   color: #272241;
   line-height: 1.4;
}

.kf-card-sub {
   font-size: 0.75rem;
   color: #8a93a0;
   margin-top: 0.1rem;
}

.kf-card-arrow {
   font-size: 1rem;
   color: #b0bac6;
   flex-shrink: 0;
}


/* ── Kontaktní info – lehký seznam ────────────────────────────────── */

.kf-info-list {
   display: flex;
   flex-direction: column;
   padding-top: 0.5rem;
}

.kf-info-item {
   display: flex;
   align-items: flex-start;
   gap: 0.9rem;
   padding: 1rem 0;
   border-bottom: 1px solid #f0ebe4;
   text-decoration: none;
   color: #272241;
}

.kf-info-item:last-child {
   border-bottom: none;
}

.kf-info-item--link:hover .kf-info-value {
   color: #3f78e0;
}

.kf-info-item--link {
   cursor: pointer;
}

.kf-info-icon {
   font-size: 1.1rem;
   color: #fab758;
   margin-top: 2px;
   flex-shrink: 0;
}

.kf-info-label {
   display: block;
   font-size: 0.68rem;
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   color: #b0bac6;
   margin-bottom: 0.2rem;
}

.kf-info-value {
   display: block;
   font-size: 0.875rem;
   font-weight: 600;
   color: #272241;
   line-height: 1.5;
   transition: color 0.2s;
}

.kf-info-value small {
   font-size: 0.75rem;
   font-weight: 400;
   color: #8a93a0;
}

.kf-info-name {
   display: block;
   font-size: 0.72rem;
   font-weight: 400;
   color: #b0bac6;
   margin-top: 0.1rem;
}

/* Formulář – header + subtitle + privacy */
.kf-form-header {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 0.75rem;
   margin-bottom: 0.4rem;
}

.kf-form-badge {
   font-size: 0.68rem;
   font-weight: 600;
   color: #45b87a;
   background: rgba(69,184,122,0.1);
   padding: 3px 8px;
   border-radius: 20px;
   white-space: nowrap;
}

.kf-form-subtitle {
   font-size: 0.8rem;
   color: #8a93a0;
   margin-bottom: 1.25rem;
   text-align: left;
}

.kf-form-privacy {
   font-size: 0.7rem;
   color: #b0bac6;
   margin-top: 0.75rem;
   margin-bottom: 0;
}

/* Schovat scroll-to-top na kontaktní stránce (překrývá reCAPTCHA) */
.page-kontakt .progress-wrap {
   display: none !important;
}


/* ══════════════════════════════════════════════════════════════════
   TABS – 5 UX/UI vylepšení
   ══════════════════════════════════════════════════════════════════ */

/* 4. Intro lišta ──────────────────────────────────────────────────── */
.tabs-intro-bar {
   background: #fff;
   border-bottom: 1px solid #f0ebe4;
   padding: 0.7rem 0;
}

.tabs-intro-inner {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 0.5rem 1.25rem;
}

.tabs-intro-item {
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
   font-size: 0.75rem;
   font-weight: 600;
   color: #50596a;
}

.tabs-intro-item .material-icons {
   font-size: 0.95rem;
   color: #fab758;
}

.tabs-intro-sep {
   color: #d0cbc4;
   font-size: 0.75rem;
}

/* 1. Sticky tabs nav ──────────────────────────────────────────────── */
.we-tabs-nav {
    position: sticky;
    top: 0;
    z-index: 90;
    background: #fff;
    transition: box-shadow 0.25s ease;
    background: #f8f9fa;
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 16px;
    margin-top: 33px;
    border-radius: 8px;
}

/* Šablona 9 – sticky tablist: scroll uvnitř .we-tabs-nav-scroll (šipka vpravo na mobilu není ve scrollu) */
#we-tabs-nav-sticky.we-tabs-nav--sticky-shell {
   display: block;
   overflow-x: visible !important;
   overflow-y: visible;
   position: relative;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   gap: 10px;
   margin-bottom: -1px;
   overflow-x: auto;
   overflow-y: visible;
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
   position: relative;
   padding: 0 5px;
}
#we-tabs-nav-sticky.we-tabs-nav--can-scroll-next .we-tabs-nav-scroll {
   padding-right: 2.75rem;
}
#we-tabs-nav-sticky.we-tabs-nav--can-scroll-prev .we-tabs-nav-scroll {
   padding-left: 2.75rem;
}
/* Posuvníky vlevo / vpravo */
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev,
#we-tabs-nav-sticky .we-tabs-nav-scroll-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 8;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   margin: 0;
   padding: 0;
   border: 1px solid #e8dfd2;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 2px 10px rgba(39, 34, 65, 0.12);
   cursor: pointer;
   color: #272241;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 0.2s ease, visibility 0.2s ease, background 0.2s ease,
      border-color 0.2s ease, box-shadow 0.2s ease;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev {
   left: 4px;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-next {
   right: 4px;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev.is-visible,
#we-tabs-nav-sticky .we-tabs-nav-scroll-next.is-visible {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev:hover,
#we-tabs-nav-sticky .we-tabs-nav-scroll-next:hover {
   background: #fff8ef;
   border-color: #f2c37b;
   box-shadow: 0 4px 14px rgba(250, 183, 88, 0.28);
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev:focus-visible,
#we-tabs-nav-sticky .we-tabs-nav-scroll-next:focus-visible {
   outline: 2px solid #272241;
   outline-offset: 2px;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev .material-icons {
   font-size: 1.45rem;
   line-height: 1;
   margin-right: 2px;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-next .material-icons {
   font-size: 1.45rem;
   line-height: 1;
   margin-left: 2px;
   color: #fab758;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll-prev:disabled,
#we-tabs-nav-sticky .we-tabs-nav-scroll-next:disabled {
   cursor: default;
}
#we-tabs-nav-sticky .we-tabs-nav-scroll::-webkit-scrollbar {
   display: none;
}


 
 
 
.button-bottom  .inverse-button.mob-line100:first-child {
 
  background: #b2dae8!important;
  background-color: #b2dae8!important;
  border: 1px solid #ffffff !important;

}

/* 5. Animovaný tab indikátor ──────────────────────────────────────── */
 

.we-tab-indicator {
   position: absolute;
   bottom: 0;
   height: 3px;
   background: #292929;
   border-radius: 3px 3px 0 0;
   transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
               width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   pointer-events: none;
   display: none;
}

/* Odebrat původní border-bottom z aktivního tlačítka (nahrazen indikátorem) */
.we-tab-btn.active {
   border-bottom-color: transparent !important;
}

/* 3. Tab čítač ────────────────────────────────────────────────────── */
.we-tab-count {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
   margin-left: 5px;
   font-size: 0.62rem;
   font-weight: 700;
   line-height: 1;
   background: #f0ebe4;
   color: #6f7a8a;
   border-radius: 20px;
   vertical-align: middle;
   transition: background 0.2s, color 0.2s;
}

.we-tab-btn.active .we-tab-count {
   background: rgba(250,183,88,0.2);
   color: #8a5a00;
}

/* 2. Scroll animace moduleCard ────────────────────────────────────── */
.moduleCard {
   opacity: 0;
   transform: translateY(16px);
   transition: opacity 0.45s ease, transform 0.45s ease;
}

.moduleCard.mc-visible {
   opacity: 1;
   transform: translateY(0);
}


/* ══════════════════════════════════════════════════════════════════
   MODULE SLIDER
   ══════════════════════════════════════════════════════════════════ */

/* Outer wrap – drží šipky, BEZ overflow:hidden */
.we-slider-wrap {
   position: relative;
   width: 100%;
   overflow: visible;
}

/* Rodič wrapperu – nesmí ořezat šipky */
.tabs-fo + * ,
.we-tab-panel > div,
.row__ {
   overflow: visible !important;
}

/* Inner clip – ořezává track */
.we-slider-clip {
   overflow: hidden;
   width: 100%;
}

/* Track = .tabs-fo → horizontální scroll uvnitř wrapperu */
.tabs-fo {
   display: flex !important;
   flex-wrap: nowrap !important;
   width: 100%;
   gap: 1rem;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   padding-bottom: 1rem;
   cursor: grab;
   box-sizing: border-box;
}

.tabs-fo::-webkit-scrollbar {
   display: none;
}

.tabs-fo:active {
   cursor: grabbing;
}

/* Karta – přesně 3 na řádku: (100% - 2 mezery) / 3 */
.tabs-fo .moduleCard {
   flex: 0 0 calc(33.333% - 0.667rem) !important;
   width: calc(33.333% - 0.667rem) !important;
   max-width: calc(33.333% - 0.667rem) !important;
   min-width: 0 !important;
   scroll-snap-align: start;
}

/* Záložka Moduly: mřížka bez carouselu — prvních 6 karet, pak tlačítko, zbytek po kliknutí */
#tab-moduly .tabs-fo--moduly-grid {
   flex-wrap: wrap !important;
   overflow-x: visible !important;
   scroll-snap-type: none !important;
   scroll-behavior: auto !important;
   cursor: default !important;
   scroll-padding-inline: 0;
   padding-bottom: 0.75rem;
   -webkit-overflow-scrolling: auto;
}
#tab-moduly .tabs-fo--moduly-grid:active {
   cursor: default !important;
}
#tab-moduly .tabs-fo--moduly-grid .moduleCard.moduleCard--moduly-extra {
   display: none !important;
}
#tab-moduly .tabs-fo--moduly-grid.moduly-grid--expanded .moduleCard.moduleCard--moduly-extra {
   display: flex !important;
   flex-direction: column;
}
/* Celý řádek kvůli flex-wrap; viditelné jen ikonové tlačítko uprostřed */
#tab-moduly .moduly-show-all-btn {
   flex: 0 0 100%;
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0.2rem 0 1.15rem;
   padding: 0.35rem 0 0.5rem;
   border: none;
   background: transparent;
   box-shadow: none;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0;
}
#tab-moduly .moduly-show-all-btn__frame {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 52px;
   height: 52px;
   box-sizing: border-box;
   border: 1.5px solid #f2c37b;
   border-radius: 12px;
   background: linear-gradient(180deg, #fff8ef, #fff4e5);
   color: #272241;
   transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease,
      transform 0.15s ease;
   box-shadow: 0 4px 14px rgba(250, 183, 88, 0.22);
}
#tab-moduly .moduly-show-all-btn__icon {
   font-size: 1.75rem !important;
   line-height: 1 !important;
   display: block !important;
}
#tab-moduly .moduly-show-all-btn:hover .moduly-show-all-btn__frame {
   background: #fff4e5;
   border-color: #fab758;
   box-shadow: 0 6px 18px rgba(250, 183, 88, 0.32);
}
#tab-moduly .moduly-show-all-btn:active .moduly-show-all-btn__frame {
   transform: scale(0.96);
}
#tab-moduly .moduly-show-all-btn:focus-visible {
   outline: none;
}
#tab-moduly .moduly-show-all-btn:focus-visible .moduly-show-all-btn__frame {
   outline: 2px solid #272241;
   outline-offset: 3px;
}
@media (prefers-reduced-motion: no-preference) {
   #tab-moduly .moduly-grid--expanded .moduleCard--moduly-extra.moduleCard--moduly-reveal {
      animation: moduly-extra-in 0.45s ease both;
   }
}
@keyframes moduly-extra-in {
   from {
      opacity: 0;
      transform: translateY(14px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

/* Záložka Moduly: tablet a mobil – přepis šířky karet (výchozí 33 % výše má !important) */
@media (max-width: 991.98px) {
  #tab-moduly .tabs-fo--moduly-grid .moduleCard {
    flex: 0 0 calc(50% - 0.5rem) !important;
    width: calc(50% - 0.5rem) !important;
    max-width: calc(50% - 0.5rem) !important;
  }

  #tab-moduly .tabs-fo--moduly-grid .moduleCard.f75 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #tab-moduly .we-slider-clip {
    padding: 10px 12px 18px;
    box-sizing: border-box;
  }

  #tab-moduly .we-slider-wrap {
    width: 100%;
    max-width: 100%;
  }

  #tab-moduly .we-slider-prev {
    left: 4px;
  }

  #tab-moduly .we-slider-next {
    right: 4px;
  }

  #tab-moduly .we-slider-arrow {
    width: 36px;
    height: 36px;
    top: 42%;
  }
}

@media (max-width: 767.98px) {
 
 
 .we-tabs-nav {
     
    margin-left: 0px; 
    margin-right: 0px; 
     
}
 
 
 .hero-sablona-9 {
   padding-top: 1em;
   
   padding-bottom: 2.5rem;
}


.box-tabs-1 {
    padding-top: 0;
}
 
 
 
  #tab-moduly .tabs-fo--moduly-grid .moduleCard:not(.f75) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #tab-moduly .tabs-fo--moduly-grid .moduleCard.f75 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #tab-moduly .tabs-fo--moduly-grid {
    gap: 0.75rem;
    scroll-padding-inline: 0;
  }

  #tab-moduly .we-slider-clip {
    padding: 8px 2vw 16px;
    box-sizing: border-box;
  }

  #tab-moduly .we-slider-prev {
    left: 0;
  }

  #tab-moduly .we-slider-next {
    right: 0;
  }

  #tab-moduly .we-slider-arrow {
    width: 34px;
    height: 34px;
    top: 40%;
  }

  #tab-moduly .we-slider-arrow .material-icons {
    font-size: 1.15rem;
  }
}

/* Šipky */
.we-slider-arrow {
   position: absolute;
   top: 40%;
   transform: translateY(-50%);
   z-index: 10;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #fab758;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   box-shadow: 0 4px 14px rgba(250,183,88,0.45);
   transition: background 0.2s, box-shadow 0.2s, transform 0.15s, opacity 0.2s;
   padding: 0;
}

.we-slider-arrow:hover:not(.we-slider-arrow--disabled) {
   background: #f0a830;
   box-shadow: 0 6px 20px rgba(250,183,88,0.6);
   transform: translateY(-50%) scale(1.1);
}

.we-slider-arrow .material-icons {
   font-size: 1.3rem;
   color: #272241;
   font-weight: 700;
}

.we-slider-prev { left: -22px; }
.we-slider-next { right: -22px; }

.we-slider-arrow--disabled {
   background: #e8e0d8;
   box-shadow: none;
   opacity: 0.5;
   pointer-events: none;
}

.we-slider-arrow--disabled .material-icons {
   color: #aaa;
}

/* Slider – overflow visible na rodičích aby shadow šipek nebyla ořezána */
.we-tabs-container,
.we-tabs-content,
.we-tab-panel,
.we-tab-panel .row__,
.we-tab-panel > div,
.ref-showcase-section,
.ref-showcase-section .container,
.ref-showcase-slider {
   overflow: visible !important;
}

/* Výjimka – tabs nav si zachovává overflow-x pro scrollování záložek */
.we-tabs-nav {
   overflow-x: auto;
   overflow-y: visible;
}