#main-background, .secondary-background {
    background: linear-gradient(15deg, #004999 26.3%, #007bff 86.4%) !important;
}

#main-background .main-background-custom {
    background-image: url(/build/assets/wave-line-CIEgBAnf.png);
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .4;
    background-position: top;
}

.secondary-background .section-title, .secondary-background .section-title a {
    color: #fff;
}

.main-content .secondary-background .text-muted {
    color: #fff !important;
}

#main .text-container h1, #main .text-container h2.ah-headline {
    font-size: 60px;;
}

@media (min-width: 768px) {
    #main .text-container.text-center {
        margin-top: 4rem;
    }
}

#main #top-main-button {
    background: #007bff;
}

#main #top-main-button:hover {
    transition: all .3s ease;
    background: #0c0c0d;
    border: 1px solid #007bff !important;
}

/* #main .navbar-nav li.nav-item a.nav-link:hover,
#main .navbar-nav li.nav-item a.nav-link:focus,
#frontend-local .icon:hover span,
#main .navbar-nav li.nav-item a.active,
#main #login-button:hover,
#main #login-button:focus {
    color: #007bff;
} */

#main .text-container {
    color: #fff;
}

.navbar-toggler {
    background-color: unset;
    margin-right: 15px;
    padding: 1px 6px;
}

@media (max-width: 768px) {
    #main .text-container p {
        display: block !important;
    }
}

#main .text-container p {
    text-align: center;
    margin: 1rem auto;
    font-weight: 400;
}

#main .register-button:hover, #main .register-button:focus, #main .dashboard-button:hover, #main .dashboard-button:focus {
    background: #fff !important;
    color: #0c0c0d;
}

#steps-wrapper {
    padding-bottom: 0;
}

@media (min-width: 1280px) {
    #steps-wrapper .container {
        padding-top: 1rem;
    }
    #main .text-container p {
        width: 50%;
        text-align: center;
        margin: 1rem auto;
    }
}

#steps-wrapper .steps-box {
    height: 100% !important;
}

.step-description div {
    padding-bottom: 15px;
    position: relative;
    z-index: 5;
}

/* #navbar-container {
    background: #242a33;
} */

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    #main .fixed-top {
        position: fixed !important;
    }
/*     #main .fixed-top .navbar {
        background: #242a33;
    } */
    #main .fixed-top.minimize-navbar .navbar {
        background: #fff;
        box-shadow: 0 1px 3px #0000004d;
    }
    .frontend-body .navbar-collapse {
        background: #242a33;
    }
    #main .navbar {
        line-height: 46px;
        border-bottom: unset;
    }
    #main .navbar .navbar-brand img {
        max-width: 200px;
    }
    a.navbar-brand {
        padding: 0;
    }
    .navbar-toggler-icon {
        width: 1.25em;
        height: 1.25em;
    }
    .navbar-light .navbar-toggler {
        border-color: unset;
    }
    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -2.1443)" fill="%231e1e2d" stroke-width=".70711"><path d="m96 200.08c0-8.85 14.3-16 32-16h384c17.7 0 32 7.15 32 16s-14.3 16-32 16h-384c-17.7 0-32-7.15-32-16z"/><path d="m96 322.14c0-8.85 14.3-16 32-16h384c17.7 0 32 7.15 32 16s-14.3 16-32 16h-384c-17.7 0-32-7.15-32-16z"/><path d="m96 444.21c0-8.85 14.3-16 32-16h384c17.7 0 32 7.15 32 16s-14.3 16-32 16h-384c-17.7 0-32-7.15-32-16z"/></g></svg>');
    }
    .navbar-light .navbar-toggler .navbar-toggler-icon {
         background-image: url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><path d="m161.61 161.61c6.2579-6.2579 21.425-1.2021 33.941 11.314l271.53 271.53c12.516 12.516 17.572 27.683 11.314 33.941-6.2579 6.2579-21.425 1.2021-33.941-11.314l-271.53-271.53c-12.516-12.516-17.572-27.683-11.314-33.941z" fill="%231e1e2d" stroke-width=".70711"/><path d="m161.61 478.39c-6.2579-6.2579-1.2021-21.425 11.314-33.941l271.53-271.53c12.516-12.516 27.683-17.572 33.941-11.314 6.2579 6.2579 1.2021 21.425-11.314 33.941l-271.53 271.53c-12.516 12.516-27.683 17.572-33.941 11.314z" fill="%231e1e2d" stroke-width=".70711"/></svg>');
    }
    button.navbar-toggler {
        border: unset;
    }
    .navbar-toggler:focus {
        box-shadow: unset;
    }
    #main .navbar-nav {
        gap: .75rem;
    }
    #login-responsive .card-body {
        padding: 1rem 1.5rem !important;
    }
}

#main .minimize-navbar #brand-img-dark-bg,
#main #brand-img {
    display: none;
}

#main .minimize-navbar #brand-img {
    display: inline;
}

#main .minimize-navbar {
    background-color: #fff;;
}

#blogs .blog {
    padding: 1rem 0 0 0 !important;
}

#blogs .blog {
    min-height: 385px !important;
}

#blogs .blog-box {
    min-height: 360px !important;
}

.sign-up-logo-light, .sign-up-logo-dark {
    margin: auto;
    width: 240px;
}

.sign-up-logo-light {
    display: block;
}

.sign-up-logo-dark {
    display: none;
}

body.dark-theme .sign-up-logo-light {
    display: none;
}

body.dark-theme .sign-up-logo-dark {
    display: block;
}

#features .features-outer-wrapper .features-inner-wrapper .feature-title h6 .red-icon {
    background: #d80909;
}

#features .features-outer-wrapper .features-inner-wrapper .feature-title h6 .green-icon {
    background: #0fd829;
}

#features .features-inner-wrapper.text-center {
    text-align: left !important;
}

#features .feature-description a {
    display: inline-flex;
    margin-top: 1.5rem;
}

#steps-wrapper .steps-box .step-title h4 {
    font-size: 24px;
    font-weight: 800;
    position: relative;
    z-index: 5;
}

#images-wrapper .slider-container {
    background: #000;
}

#images-wrapper h3, #images-wrapper h4 {
    text-align: center;
    color: #fff;
    text-align: center;
}

#steps-wrapper .steps-box .step-number-big p {
    color: #eff7ff;
}

#images-wrapper h3 {
    font-size: 2.25rem;
    font-weight: 800;
}

#images-wrapper h4 {
    font-size: 1.25rem;
    font-weight: 600;
}

#welcome-footer #footer h3 {
    font-size: 48px !important;
    line-height: 1.25;
    color: #fff !important;
    font-weight: 900 !important;
    text-shadow: 1px 2px 3px rgb(0, 0, 0) !important;
}

#welcome-footer #footer h3 span, #welcome-footer #footer h4 span {
    display: block;
}

@media (max-width: 768px) {
    #welcome-footer #footer h3 {
        font-size: 24px !important;
        width: 90%;
        margin: 0 auto 1rem auto;
        line-height: 1.25;
    }
}

#welcome-footer #footer h4 {
    font-size: 20px;
    color: #7c838d;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    margin: auto;
}

@media (max-width: 768px) {
    #welcome-footer #footer h4 {
        font-size: 14px;
        width: 90%;
    }
}

.banner-mini-logo {
    font-family: Poppins, sans-serif;
    color: #fff;
    margin-top: 1rem;
    font-weight: 400;
}

.banner-mini-logo img {
    margin: 0 -5px;
}

#prices .tabs-menu .nav {
    justify-content: center;
}

.footer-cta {
    display: inline-flex;
}

#banner-wrapper {
    padding: 0 0 2rem;
    background: #eff7ff;
}

#banner-wrapper.pt-8 {
    padding-top    : 2rem !important;
}

#banner-wrapper h6 {
    margin-bottom: 1rem;
}

#banner-wrapper .mb-8 {
    margin-bottom: 0 !important;
}

#prices .card-body {
    padding: 1rem 0;;
}

.slick-slider {
  --s: 211px; /* size of the logo */
  --d: 30s; /* animation duration*/
  --n: 10; /* number of visible logos */
  
  display: flex;
  overflow: hidden;
}

.slick-slider .partner {
  width: var(--s);
  offset: shape(from calc(var(--s)/-2) 50%,hline by calc(sibling-count()*max(100%/var(--n),var(--s) + 10px)));
  animation: x var(--d) linear infinite calc(-1*sibling-index()*var(--d)/sibling-count());
}
@keyframes x { 
  to {offset-distance: 100%}
}

#info-banner {
    background-image: linear-gradient(#242a33, #1a1f26);
}

#info-banner .container {
    padding: 64px 0;
}

#info-banner .container .info-box {
    background-color: #333c4c;
    padding-left: 10px;
    height: unset;
}

#info-banner .container .info-box .info-text {
    margin: 2rem 0;
    min-height: 135px;
}

#info-banner .container .team-wrapper img {
    width: 200px;
    position: unset;
    margin-top: 10px;
}

#info-banner .container .info-box .info-text p, #info-banner .container .team-wrapper .team-text p {
    color: #ccc;
}

@media (max-width: 430px) {
    #info-banner .pl-7 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 1280px) {
    #faqs #accordion {
        width: 80%;
        margin: auto;
    }
}

section {
    margin-bottom: -1px;
}

/** DASHBOARD **/

.app-sidebar, .app-sidebar__logo {
    width: 250px;;
}

#info-banner .container .title h4 {
    color: #fff;
    line-height: 1.25;
}

#blogs {
    padding: 48px 0;
}

@media screen and (max-width: 1300px) {
    #blogs {
        padding: 48px 0;
    }
}

#blogs .main-text {
    width: unset;
}

@media (max-width: 768px) {
    .fs-40 {
        font-size: 30px !important;
    }
}

#welcome-footer .halo {
    background: radial-gradient(circle at 50% 5px, rgba(0, 123, 255, .5) 0, transparent 40%);
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 50%;
}

#welcome-footer #copyright {
    padding-top: 2rem;
}

@media (max-width: 768px) {
    .row .title h3 {
        font-size: 30px;
    }
    .row .title h6 {
        line-height: 1.25;
    }
}

@media (max-width: 768px) {
    .row .title p {
        font-size: 12px;
    }
}

#prices hr:not([size]) {
    color: #dbe2eb;
}

.tabs-menu-body .card .credits-box {
    min-height: 112px;
    padding-bottom: 1rem;
}

#templates-wrapper .favorite-templates-panel .template .card-body {
    flex-direction: unset;
    flex-wrap: wrap;
    min-height: 135px;
}

#templates-wrapper .favorite-templates-panel .template-icon {
    flex: none;
    width: 40px;
}

#templates-wrapper .favorite-templates-panel .template-title {
    flex: 1 1 200px;
    padding-top: 7px;
}