/*@import url(//fonts.googleapis.com/css?family=Titillium+Web:300,600);*/

/* Main font */
/*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');*/

/*
@font-face {
    font-family: 'Manrope';
    src: url('/lib/font/ManropeLE200800.woff2') format('woff2');
    font-display: swap;
}*/

::-webkit-scrollbar {
    width: 12px; 
    height: 12px; 
}


::-webkit-scrollbar-track {
    background: #f0f0f0; 
    border-radius: 6px; 
}

::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 6px; 
    border: 3px solid #f0f0f0; /
}

/* Stylizacja thumb podczas hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Kolor uchwytu paska przewijania podczas hover */
}

strong {
    font-weight: 700 !important;
}

:root {
    --white: #ffffff;
    --rapidus-nice-blue: #039be5;
    --rapidus-light-blue: #5d81cb;
    --rapidus-dark-blue: #4666a7;
    --rapidus-light-blue-hover: #819edd;
    --rapidus-dark-blue-hover: #819edd;
    --rapidus-blue: #3e6387;
    --rapidus-calm-blue: #5a82aa;
    --rapidus-superlight-blue: #f7faff;
    --rapidus-white: #ffffff;
    --rapidus-nice-white: #ffffffd6;
    --rapidus-nice-gray: #eeeeee;
    /*--rapidus-background-gray: radial-gradient(circle at top left, rgb(90 90 100 / 39%) 27%, transparent 52%), linear-gradient(136deg,#3a3b3f, #292a2e);*/
    --rapidus-background: radial-gradient(circle at top left, rgb(39 57 100 / 39%) 27%, transparent 52%), linear-gradient(136deg,#3a3b3f, #3e6387);
    --rapidus-background2: radial-gradient(circle at bottom right, rgb(216 228 243) -96%, white 73%);
    --rapidus-background-gray: radial-gradient(circle at top left, rgb(200 200 200 / 39%) 37%, transparent 52%), linear-gradient(136deg,rgb(120 150 200 / 39%), rgb(200 200 200 / 39%));
    --rapidus-background-light: radial-gradient(circle at top left, rgba(225, 240, 255, 0.4) 32%, transparent 52%), linear-gradient(136deg,rgba(233, 233, 253, 0.39), rgba(240, 240, 250, 0.39));
    --rapidus-black: #454545;
    --rapidus-black-m1: #505050;
    --rapidus-black2: rgb(16, 40, 48);
    --rapidus-red: rgb(180, 47, 47);
    --rapidus-warning-red: rgb(255 0 0);
    --rapidus-ok-green: #18a118;
    --rapidus-light-green: #61ce70;
    --rapidus-warning: #c59c23;
    --rapidus-diff-color: #eff4ff;
    --rapidus-disabled: #b5b5b5;
    --rapidus-blue-gradient: radial-gradient(circle at top left, rgb(39 57 100 / 39%) 27%, transparent 52%);
    --rapidus-font1: 'Titillium Web', Lato, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    --rapidus-font2: 'Robot', sans-serif;
    --rapidus-font3: 'Manrope', sans-serif;
    --rapidus-hover-light-blue: rgb(138 168 219 / 10%);
    --vertical-divider-color: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, rgb(55 55 55 / 11%) 50%, rgba(0, 0, 0, 0) 85%);
    --horizontal-divider-color: linear-gradient(to right, rgba(0, 0, 0, 0) 15%, rgb(55 55 55 / 11%) 50%, rgba(0, 0, 0, 0) 85%);
    --rapidus-background-light-blue: #e9f0f7;
    --rapidus-background-lighter-blue: #e9f0f759;
    --rapidus-background-white: #F3F5F5;
    --rapidus-green-opaque: rgb(16 40 48 / 78%) !important;


    --e-global-color-astglobalcolor5: #FFFFFF;
    --e-global-color-astglobalcolor4: #F3F5F5;
}


/* Small and down */
@media only screen and (max-width: 600px){
    .rapidus-main-container{
        display:block !important;
    }

    main {
        /*padding: 10px 10px 100px !important;*/
    }
}

/* Medium and  up */
@media only screen and (min-width: 601px){
    .r-row-multiple-columns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.xs   {font-size: 0.75rem !important}
.sm   {font-size: 0.875rem !important}
.base {font-size: 1rem !important}
.lg   {font-size: 1.125rem !important}
.xl   {font-size: 1.25rem !important}
.xl1  {font-size: 1.5rem !important}
.xl3  {font-size: 1.875rem !important}
.xl4  {font-size: 2.25rem !important}
.xl5  {font-size: 3rem !important}
.xl6  {font-size: 4rem !important}
.fs1  {font-size: 1vw !important}
.fs2  {font-size: 1.4vw !important}
.fs3  {font-size: 1.6vw !important}
.fs4  {font-size: 1.8vw !important}
.fs5  {font-size: 2vw !important}
.fs6  {font-size: 2.2vw !important}
.fs7  {font-size: 2.4vw !important}
.fs8  {font-size: 2.6vw !important}

/* Responsive font size classes for headings */
.rpds-h1 {
    font-size: 3rem !important; /* xl6 for desktop */
}

@media only screen and (max-width: 600px) {
    .rpds-h1 {
        font-size: 2.25rem !important; /* xl4 for mobile */
    }
}

.rpds-h2 {
    font-size: 1.875rem !important; /* xl4 for desktop */
}

@media only screen and (max-width: 600px) {
    .rpds-h2 {
        font-size: 1.5rem !important; /* xl1 for mobile */
    }
}

.rpds-black2 {
    color: var(--rapidus-black2) !important;
}


html {
    background-color:transparent !important;
    font-family: 'Manrope', sans-serif !important;
    color: var(--rapidus-black2);
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    padding-top: 90px;
}
/*
.material-tooltip {
    margin-top: 25% !important;
}*/

.btn:hover,
.btn-large:hover,
.btn-small:hover {
    filter: brightness(1.2) !important;
    background-color: var(--rapidus-light-blue);
}

.cm__btn {
    background-color: #fff !important;
    color: #000 !important;
      
  }
  
  .cm__btn:first-of-type {
    order: 2 !important;
    background-color: var(--rapidus-dark-blue) !important;
    color: #fff !important;
    margin-left: .375rem !important;
  }
  
  .cm__btn:last-of-type {
    order: 1 !important;
    margin-left: 0 !important;
  }

.navbar-fixed nav {
    position: fixed;
    bottom: 0;
    margin-bottom: 0px !important;
    background-color: var(--rapidus-background-light-blue) !important;
}

nav ul a:hover {
    background-color: var(--rapidus-green-opaque) !important;
    color: var(--rapidus-white) !important;
}

nav ul a {
    -webkit-transition: background-color .4s !important;
    transition: background-color .4s !important;
    -webkit-transition: color .4s !important;
    transition: color .4s !important;
}

.navbar-fixed {
    display: none;
}

nav {
    background-color: transparent !important;
    box-shadow: 0px 0px 0px !important;
    -webkit-box-shadow: 0px 0px 0px !important;
    height: 80px !important;
    line-height: 80px !important;
    /*margin-bottom: 30px !important;*/
    color: var(--rapidus-black2);
}

.r-top-intro-text {
    font-size: 16px !important;
    text-indent: 1em;
    text-align: justify;
}

.r-main-txt-1 {
    /*font-size: 1.2rem;*/
    font-size: 16px !important;
    text-indent: 1em;
    text-align: -webkit-left;
    font-family: var(--rapidus-font3) !important;
    /*font-weight: 500;*/

}

.card-title-stats {
    color: var(--rapidus-blue);
    font-weight: 700 !important;
}

.card-content-stats {
    text-align: center;
    padding: 15px;
}

nav .nav-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.rapidus-main-container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
}

h1 {
    /*font-size: 4rem !important;*/
    font-weight: 700 !important;
    font-family: 'Manrope', sans-serif !important;
    /*line-height: 1.2em !important;*/
}

.rapidus-line-container {
    text-align: center;
}

.rapidus-secondary-container {
    margin: 0 auto;
    max-width: 1200px;
    margin-bottom: 100px;
    margin-top: 50px;
}

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

.rapidus-def-container {

}

.r-top-intro-container {
    margin-bottom: 40px;
    padding: 0 10% !important;
}
/*
.top-background {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--rapidus-background-light-blue) 30%, var(--white) 80%);
    background-image: linear-gradient(180deg, var(--rapidus-background-light-blue) 80%, var(--white) 91%);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
}*/

.top-background {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--rapidus-background-light-blue) -32%, var(--white) 15%);
    width: 100%;
    height: 50vh;
    position: absolute;
    z-index: -1;
}

.auth-background {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--rapidus-background-light-blue) 30%, var(--white) 80%);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
}

.vertical-divider {
    width: 2px;
    height: 100%; 
    background: var(--vertical-divider-color);
    margin: 0 auto;
}

.horizontal-divider {
    height: 2px; 
    width: 100%; 
    background: var(--horizontal-divider-color);
    /*margin: 0 auto;*/
}

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

.top-menu-btn {
    color: var(--rapidus-black2) !important;
    font-size:  15px;
    font-weight: 500;
}

.forceTitillium, .force-titillium {
    font-family: 'Titillium Web', Lato, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !important;
}

.r-navbar-fixed-icon {
    font-size: 30px !important;
    margin: 0 auto;
    color: var(--rapidus-black2) !important;
    position: absolute;
    top: 0px;
    line-height: 47px !important;
}

.navbar-btn-container {
    width: 25%;
}

.nav-wrapper-ease {
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .1);
}

.navbar-lower {
    height: 56px !important;
}

.ul-navbar-fixed {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

.navbar-btn-txt {
    position: relative;
    text-align: center;
    margin-top: 0px;
    font-size: 11px;
    font-weight: 600;
}

.navbar-btn-container a {
    display: flex;
    text-align: center;
    color: #000;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.r-mw-info-icon {
    font-size: 60px !important;
    margin: 0 auto;
    color: var(--rapidus-black2) !important;
}

.footer-social-icon {
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: unset;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    background-color: transparent;
    width: 40px;
    height: 40px;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
}

.card-content-icon {
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: unset;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    /*background-color: var(--rapidus-superlight-blue);*/
    background-color: transparent;
    width: 80px;
    height: 80px;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
}

.card-content-r-mw {
    text-align: start;
    flex-direction: row;
    display: flex;
    align-items: center;
}



.helper-text {
    z-index: 1;
}

.logo-footer, .title-footer {
    font-weight: 600;
    letter-spacing: 4px;
}

.rapidus-collapsible-header {
    justify-content: space-between !important;
}

.rapidus-collapsible-body {
    background: var(--rapidus-background2);
}
@media (max-width: 1024px) {
    .card-content-r-mw {
        display: block;
        text-align: center;
        flex-direction: unset
    }

    .card-content-icon {
        margin-right: 0px;
        margin: 0 auto;
    }
    .card-title-stats {
        margin-top: 20px;
    }

    
}

@media (max-width: 992px) {
    .navbar-fixed {
        display:block;
    }
}

/* Mobile override start */
@media only screen and (pointer: coarse){

    .cm__btn:first-of-type {
        margin-left: 0 !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .navbar-fixed {
        display:block;
    }

    .auth-background {
        background-color: transparent;
        background-image: none;
        background-color: var(--rapidus-background-light-blue);
        width: 100%;
        height: 100vh;
        position: fixed;
        z-index: -1;
    }

    .r-center {
        transform: translate(-50%, 0%) !important;
        top: 0% !important;
    }

    .forgot_passwd {
        margin: 0 auto;
    }

    .auth-tabs {
        margin-bottom: 0px !important;
    }
}
/* Mobile override end */

.tabs .indicator {
    background-color: var(--rapidus-calm-blue);
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: var(--rapidus-superlight-blue);
}

.mr5 {
    margin-right: 5px;
}

.auth-general-info {
    font-size: 12px;
    text-align: center;
}

.auth-tabs {
    background-color: transparent;
}

.auth-lower-container {
    text-align: center;
}

.auth-tab-btn {
    color: var(--rapidus-blue) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.rapidus-login-header {
    text-align: center;
    padding-bottom: 80px;
    padding-top: 20px;
}

.rapidus-login-header-text {
    font-size: 2.1rem;
    font-weight: 600;
    letter-spacing: 4px;
    color: var(--rapidus-black2) !important;
}

.acc-lower-info {
    text-align: justify;
    margin-top: 5px;
}

.r-center {
    max-width: 500px !important;
    margin: 0 auto !important;
    position: absolute !important;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
}

nav .brand-logo {
    font-weight: 600;
    letter-spacing: 4px;
    padding: 0px 30px 0px 30px !important;
    color: var(--rapidus-black2) !important;
}

.page-footer {
    background-color: transparent !important;
    background: var(--rapidus-background) !important;
}

.card-r-mw {
    -webkit-box-shadow: 0 2px 8px 2px rgba(221.99999999999997,230.99999999999997,238.99999999999997,.3) !important;
    box-shadow: 0 2px 8px 2px rgba(221.99999999999997,230.99999999999997,238.99999999999997,.3) !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.card-r-auth {
    -webkit-box-shadow: 0 2px 8px 2px rgba(221.99999999999997,230.99999999999997,238.99999999999997,.3) !important;
    box-shadow: 0 2px 8px 2px rgba(221.99999999999997,230.99999999999997,238.99999999999997,.3) !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background: var(--rapidus-background2) !important;
}

.rapidus-auth-container {

}

.auth-tabs {
    margin-bottom: 70px;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--rapidus-blue);
    -webkit-box-shadow: 0 1px 0 0 var(--rapidus-calm-blue);
    box-shadow: 0 1px 0 0 var(--rapidus-calm-blue);
}

input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label {
    color: var(--rapidus-calm-blue);
}


.auth-label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 5px;
}

.shiny-text {
    /*
    font-size: 4em;
    font-weight: bold;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    */
}

.shiny-text::before {
    /*
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shine 4s infinite;
    */
}

@keyframes shine {
    0% {
        left: -100%;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

.i_text {
    color: var(--rapidus-calm-blue) !important;
}

.forgot_passwd {
    color: var(--rapidus-blue) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 50px;
}

.account_recovery {
    display: none;
}

.forgot_passwd:hover {
    filter: brightness(1.2) !important;
    cursor: pointer;
}

.nmb {
    margin-bottom: 0px !important;
}


/* Common start */

sup {
    top: -1.5em !important;
    font-size: 20px !important;
}

s, strike{text-decoration:none;position:relative;}
s::before, strike::before {
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red; /*this is the color of the line*/
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.1em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg);  
}
s.straight::before, strike.straight::before{transform: rotate(0deg);left:-1%;width:102%;}


.strikethrough {
    position: relative;
    border-color: red;
}
  
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: red;

    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}

.price-discount {
    color: #FFF !important;
}

.rapidus-text-red {
    color: var(--rapidus-red);
}

.rapidus-extension-warning {
    color: var(--rapidus-warning-red);
    letter-spacing: 4px;
    font-weight: 900;
}

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

.rapidus-error {
    color: var(--rapidus-warning-red);
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.rapidus-ok {
    color: var(--rapidus-ok-green);
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.rapidus-primary-colors {
    background: var(--rapidus-background);
    color: var(--rapidus-white);
}

.rapidus-nav-wrapper .subheader {
    color: var(--rapidus-white);
}

.rapidus-background-lightblue {
    background: var(--rapidus-light-blue) !important;
}

.rapidus-background-darkblue {
    background: var(--rapidus-dark-blue) !important;
}

.rapidus-background-calmblue {
    background: var(--rapidus-calm-blue) !important;
}

.rapidus-text-lightblue {
    color: var(--rapidus-light-blue) !important;
}

.rapidus-background-blue {
    background: var(--rapidus-background) !important;
}

.material-tooltip {
    background-color: var(--rapidus-calm-blue) !important;
    border-radius: 5px !important;
}


/* Demo */
.card-demo-preview {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    width: 100%;
    color: var(--rapidus-black2);
} 
.rapidus-demo-preview {
    background-image: url(/lib/demo.webp);
    background-position: top center !important;
    background-repeat: no-repeat !important; 
    background-size: cover !important; 
    width: 100% !important;
    height: 250px;
}

.rapidus-demo-preview::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none; 
    border-bottom-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.rapidus-demo-preview-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.rapidus-demo-preview-container {
    width: 100%;
    height: 250px;
}

.rapidus-demo-preview-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.r-shadow {
    /*box-shadow: 0 5px 95px -25px rgba(0, 0, 0, .7) !important;*/
    box-shadow: 0 5px 65px -25px rgb(139 162 185) !important;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}

.demo-r-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    font-size: 48px;
    color: rgba(0, 0, 0, 0.5);
    color: var(--rapidus-light-blue);
    zoom: 4;
    transition: filter 0.3s ease;
}

.card-demo-preview:hover .demo-r-icon {
    cursor: pointer;
    filter: brightness(1.2) !important;
}

.card-demo-preview:hover {
    cursor: pointer;
}

.card-title {
    font-weight: 500 !important;
}

.intro-tutorial-title-inner {
    text-indent: 1em;
    font-weight: 500;
    text-align: left;
}

.intro-tutorial-title-main {
    font-weight: 500;
}

.intro-tutorial-text {
    margin-top: 10px !important;
}

.btn-website-large {
    font-weight: 600;
}

.r-p-txt {
    font-weight: bolder;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 5px;
}

.r-txt-b {
    font-weight: 600;
}

.r-hl {
    font-weight: 600;
    font-family: var(--rapidus-font1) !important;
}

.r-hl-b {
    font-weight: 700;
    font-family: var(--rapidus-font1) !important;
}

.rapidus-image-container {
    display: flex;
    justify-content: space-around;
}

.partner-container {
    width: 140px;
    height: 140px;
    margin: 0px 20px 0px 20px;
}

.partner-container-m2 {
    /*
    margin: 0px 20px 0px 20px;
    align-items: center;
    height: 100%;
    */
}

.partner-container-m3 {
    display: flex;
    justify-content: center;
}

.partner-card-m2 {
    padding-top: 0px !important;
    overflow: hidden;
}

.rapidus-image-container-m2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.no-gap {
    gap: 0px;
}

.partner-col {
    float: none !important;
    display: flex !important;
    justify-content: space-around !important;
}

.im100 {
    width: 100%;
}

.iw100 {
    width: 100%;
}

.ih100 {
    height: 100%;
}

.p-img {
    margin: 10px;
    height: 10vw;
    max-height: 100px;
}

.p-img-slider {
    margin: 15px;
    height: 15vw;
    max-height: 100px;
}

.image-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    backdrop-filter: blur(7.4px);
    -webkit-backdrop-filter: blur(7.4px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    animation: scrolling 20s ease-in-out infinite;
}

.slider-items-static {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.slider-animation {
    animation: scrolling 20s ease-in-out infinite;
}

@keyframes scrolling {
    0% {
        transform: translateX(15%);
    }

    50% {
        transform: translateX(-15%);
    }

    100% {
        transform: translateX(15%);
    }
}


.slider-items img {
    margin: 20px;
}

.partner-card {
    padding-top: 0px !important;
    padding-bottom: 35px !important;
}

.card-title {
    font-weight: bolder !important;
    font-family: var(--rapidus-font1) !important;
}

li.footer-link-text {
    margin-bottom: 3px;
    letter-spacing: 1px;
}

.mb10 {
    margin-bottom: 10px;
}

.rm-logo {
    width: 200px;
    margin: 0 20 0 20;
}

.rapidus-svg-btn {
    height: 100% !important;
    margin-left: 15px !important;
}

.rapidus-svg-btn-2 {
    height: 100% !important;
    margin-left: 5px !important;
}

.rapidus-svg-btn-inv {
    height: 100% !important;
    margin-right: 15px !important;
}

.rapidus-partners-container-full, .rapidus-base-container {
    height: 100%;
}

.rapidus-valign-1 {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.rapidus-valign-2 {
    display: flex;
    align-items: center;
    height: auto;
    justify-content: flex-end;
}

.r-btn-svg {
    height: 20px;
    width: 20px;
    align-self: center;
    margin-left: 10px;
}

.txt-no-transform {
    text-transform: none !important;
}

.rapidus-btn {
    font-weight: 500;
}

.no-background {
    background: transparent !important;
}

.r-clear {
    box-shadow: none !important;
    border-style: none !important;
}

.color-blue-1 {
    color: var(--rapidus-dark-blue) !important;
}

.desktop-fixed-navbar {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--rapidus-background-light-blue) !important;
    z-index: 1000;
}

#nav-desktop {
    position: absolute;
    margin: 0 auto;
    z-index: 9000;
    overflow: hidden;
}

/* apply only when width is greater than 993px */
@media (min-width: 993px) {
    .nav-desktop-fixed {
        position: fixed !important;
        /*animation: slideDown 0.5s ease-out;*/
        background-color: var(--rapidus-nice-white) !important;
        border-bottom-color: var(--rapidus-disabled);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

.navbar-fixed {
    position: fixed !important;
}

@keyframes slideDown {
    from {
        top: -100%;
    }
    to {
        top: 0;
    }
}

.rapidus-maintenance {
    display: block;
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
    color: #ffffffcc; /* lekko przezroczysta biel */
    background-color: var(--rapidus-blue); /* ciemny szary pasujący do stylu */
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px #00000040;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    line-height: 0.4;
    /* padding-bottom: 75px; */
  }
  
  .rapidus-maintenance-spacer {
      height: 40px;
  }


  /* Banner start */

  .art-top-banner {
        font-family: 'Titillium Web', Lato, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
        font-weight: 500;
        font-size: 50px;
        background: url('/lib/rapidus_banner.svg') center/cover repeat, radial-gradient(at 29.3% 100.4%, #333d52, transparent 50%), radial-gradient(at 72.1% 59.8%, #102830 0, transparent 50%), radial-gradient(at 0% 8.3%, #102830 0, transparent 50%), radial-gradient(at 57.4% 45.4%, #000000 0, transparent 50%) #102830;
        color: #FFF;
        height: auto;
        min-height: 200px;
        max-width: 2000px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        background-size: 200px 200px, cover, cover, cover, cover, auto;
        background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: top left, center, center, center, center, center;

        position: relative; /* konieczne dla ::before */
        overflow: hidden;

        padding-top: 5px;
        padding-bottom: 10px;
    }

    .art-top-banner::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 25%, #102830a3 50%, #1028303b 75%, rgb(0 0 0 / 0%) 100%);
        /*background: linear-gradient(90deg, #102830a3 0%, rgb(0 0 0 / 0%) 50%, #102830a3 100%);*/
        background-size: 200% 100%;
        animation: wave 5s linear infinite;
        mix-blend-mode: multiply; 
        pointer-events: none;
        z-index: 0;
    }

    .art-top-banner > * {
        position: relative; 
        z-index: 1;
    }

    @keyframes wave {
        from { background-position: -100% 0; }
        to   { background-position: 100% 0; }
    }

    .art-top-secondary-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        /*background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800"><rect width="100%" height="100%" fill="hsl(0, 0%, 100%)"></rect><g fill="hsl(0, 0%, 0%)"><rect width="184" height="2" x="581" y="301" rx="1" transform="rotate(23, 673, 302)" opacity="0.20"></rect><rect width="101" height="2" x="111.5" y="50" rx="1" transform="rotate(23, 162, 51)" opacity="0.65"></rect><rect width="85" height="2" x="271.5" y="26" rx="1" transform="rotate(23, 314, 27)" opacity="0.57"></rect><rect width="231" height="2" x="100.5" y="135" rx="1" transform="rotate(23, 216, 136)" opacity="0.98"></rect><rect width="164" height="2" x="282" y="647" rx="1" transform="rotate(23, 364, 648)" opacity="0.50"></rect><rect width="216" height="2" x="603" y="164" rx="1" transform="rotate(23, 711, 165)" opacity="0.43"></rect><rect width="393" height="2" x="329.5" y="622" rx="1" transform="rotate(23, 526, 623)" opacity="0.57"></rect><rect width="201" height="2" x="93.5" y="523" rx="1" transform="rotate(23, 194, 524)" opacity="0.70"></rect><rect width="353" height="2" x="-129.5" y="169" rx="1" transform="rotate(23, 47, 170)" opacity="0.52"></rect><rect width="552" height="2" x="-225" y="518" rx="1" transform="rotate(23, 51, 519)" opacity="0.29"></rect><rect width="134" height="2" x="25" y="706" rx="1" transform="rotate(23, 92, 707)" opacity="0.25"></rect><rect width="356" height="2" x="550" y="701" rx="1" transform="rotate(23, 728, 702)" opacity="0.35"></rect><rect width="455" height="2" x="-73.5" y="235" rx="1" transform="rotate(23, 154, 236)" opacity="0.40"></rect><rect width="491" height="2" x="198.5" y="214" rx="1" transform="rotate(23, 444, 215)" opacity="0.26"></rect><rect width="334" height="2" x="-110" y="309" rx="1" transform="rotate(23, 57, 310)" opacity="0.51"></rect><rect width="252" height="2" x="599" y="55" rx="1" transform="rotate(23, 725, 56)" opacity="0.78"></rect><rect width="247" height="2" x="217.5" y="535" rx="1" transform="rotate(23, 341, 536)" opacity="0.97"></rect><rect width="289" height="2" x="502.5" y="552" rx="1" transform="rotate(23, 647, 553)" opacity="0.09"></rect><rect width="252" height="2" x="610" y="388" rx="1" transform="rotate(23, 736, 389)" opacity="0.13"></rect><rect width="580" height="2" x="-36" y="393" rx="1" transform="rotate(23, 254, 394)" opacity="0.81"></rect><rect width="400" height="2" x="301" y="527" rx="1" transform="rotate(23, 501, 528)" opacity="0.83"></rect><rect width="169" height="2" x="37.5" y="409" rx="1" transform="rotate(23, 122, 410)" opacity="0.74"></rect><rect width="166" height="2" x="676" y="255" rx="1" transform="rotate(23, 759, 256)" opacity="0.89"></rect><rect width="212" height="2" x="384" y="335" rx="1" transform="rotate(23, 490, 336)" opacity="0.33"></rect><rect width="239" height="2" x="188.5" y="753" rx="1" transform="rotate(23, 308, 754)" opacity="0.89"></rect><rect width="291" height="2" x="273.5" y="462" rx="1" transform="rotate(23, 419, 463)" opacity="0.15"></rect><rect width="367" height="2" x="270.5" y="63" rx="1" transform="rotate(23, 454, 64)" opacity="0.27"></rect><rect width="535" height="2" x="315.5" y="73" rx="1" transform="rotate(23, 583, 74)" opacity="0.49"></rect><rect width="279" height="2" x="427.5" y="198" rx="1" transform="rotate(23, 567, 199)" opacity="0.48"></rect><rect width="555" height="2" x="-48.5" y="640" rx="1" transform="rotate(23, 229, 641)" opacity="0.48"></rect><rect width="267" height="2" x="246.5" y="357" rx="1" transform="rotate(23, 380, 358)" opacity="0.73"></rect><rect width="431" height="2" x="66.5" y="262" rx="1" transform="rotate(23, 282, 263)" opacity="0.60"></rect><rect width="291" height="2" x="-86.5" y="61" rx="1" transform="rotate(23, 59, 62)" opacity="0.09"></rect><rect width="278" height="2" x="331" y="728" rx="1" transform="rotate(23, 470, 729)" opacity="0.34"></rect><rect width="314" height="2" x="442" y="736" rx="1" transform="rotate(23, 599, 737)" opacity="0.39"></rect><rect width="424" height="2" x="540" y="520" rx="1" transform="rotate(23, 752, 521)" opacity="0.39"></rect><rect width="143" height="2" x="517.5" y="304" rx="1" transform="rotate(23, 589, 305)" opacity="0.20"></rect><rect width="170" height="2" x="273" y="162" rx="1" transform="rotate(23, 358, 163)" opacity="0.25"></rect><rect width="418" height="2" x="377" y="427" rx="1" transform="rotate(23, 586, 428)" opacity="0.65"></rect><rect width="297" height="2" x="152.5" y="90" rx="1" transform="rotate(23, 301, 91)" opacity="0.50"></rect></g></svg>);
        */
        background-image: url("/lib/lines_v1.svg");
        opacity: .6;
        z-index: 10;
        mix-blend-mode: exclusion;
    }

    /* Banner content styles */
    .banner-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        padding: 0 40px;
        z-index: 2;
        position: relative;
    }

    .banner-main {
        flex: 1;
    }

    .banner-title {
        font-size: 48px;
        font-weight: 700;
        font-weight: 700 !important;
        font-family: 'Manrope', sans-serif !important;
        margin: 0 0 10px 0;
        line-height: 1.1;
    }

    .banner-title .highlight {
        color: #4ba7ff;
        text-shadow: 0 0 20px rgb(75 167 255 / 45%);
    }

    .banner-subtitle {
        font-size: 24px;
        margin: 0 0 15px 0;
        font-weight: 500;
    }

    .banner-subtitle strong {
        color: #00ff88;
        font-weight: 700;
    }

    .banner-description {
        font-size: 16px;
        opacity: 0.9;
        margin: 0;
        font-weight: 400;
        font-family: 'Manrope';
    }
    .banner-description-c {
        color: #00ff88;
        font-weight: 900;
    }

    .banner-cta {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-end;
    }

    .cta-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 15px 30px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        min-width: 180px;
        justify-content: center;
    }

    .cta-button.primary {
        background: linear-gradient(135deg, #0b90e7, #4ba7ff);
        color: #fff;
        box-shadow: 0 4px 20px rgba(0, 212, 255, 0.3);
    }

    .cta-button.primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 25px rgba(0, 212, 255, 0.4);
    }

    .cta-button.secondary {
        background: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.3);
    }

    .cta-button.secondary:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.5);
    }

    /* Responsive */
    @media (max-width: 768px) {
        .banner-content {
            flex-direction: column;
            text-align: center;
            padding: 0 20px;
            gap: 30px;
        }
        
        .banner-title {
            font-size: 36px;
        }
        
        .banner-subtitle {
            font-size: 20px;
        }
        
        .banner-cta {
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        
        .cta-button {
            min-width: 150px;
            font-size: 14px;
            padding: 12px 24px;
        }
    }

    @media (max-width: 768px) {
        .banner-description-txt {
            display: block;
            width: 100%;
        }
        .banner-description-dot {
            display: none !important;
        }
    }

  /* Banner end */

.footer-link-text
{
    .footer-action:hover  {
        color: #00ff88 !important
    }
}

.footer-copyright {
    letter-spacing: 1px;
    background-color: transparent !important;
    margin-bottom: 30px !important;
}

.footer-copyright-text {
    font-size: 0.875rem !important;
}

.m0 {
    margin: 0 !important;
}

.rpds-info-a1-text {
    display: inline-block !important;
    color: #42a4fc !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
}

@media (max-width: 868px) {
    .rpds-info-a1-text{
        display: block;
        width: 100%;
    }
    .rpds-info-a1-dot {
        display: none !important;
    }
}

.rapidus-ok-icon-v2 {
    color: var(--rapidus-light-green);
    font-size: 25px !important;
    font-weight: bold !important; 
    min-width: 24px;
    margin-right: 0.2em;
}

.rapidus-list-container-a1 {
    display: flex !important;
    text-indent: 0em !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.rlc-a1-txta {
    font-weight: 700 !important;
}

.r-top-intro-text-v2 {
    font-size: 16px !important;
    text-indent: 0em;
    margin-left: 20px !important;
    text-align: justify;
}

.faq-tutorial-title-inner {
    text-indent: 0em;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0.3em;
    font-weight: 600;
    margin-left: 20px;
}

.html-plain-check {
    color: #0b90e7;
}

.r-main-li-a1 {
    margin-bottom: 0.5em;
}


.a-main-ovrd:hover {
    color: #04bb66 !important;
}

.r-hide-on-medium {
    @media (max-width: 1024px) {
        display: none !important;
    }
}

.r-f-init {
    border-left-style: solid;
    padding-left: 10px;
    border-left-width: 4px;
    border-left-color: var(--rapidus-light-blue);
}