/*!
Theme Name: Lexend
Theme URI: https://lexend.themegenix.com/
Author: ThemeGenix
Author URI: https://themeforest.net/user/themegenix/
Description: Lexend - Software, SaaS & Startup WordPress Theme
Version: 1.5
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lexend
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.liquid-glass .panel, .swiper-slide .panel.justify-between {
    background-color: rgba(223, 239, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(100px) !important;
}
.swiper-slide .panel, .swiper-slide .panel * {
    color: #ffffff !important
}
.elementor-counter-number-wrapper {
    font-size: 3rem !important;
    font-weight: 100 !important;
    line-height: 1em !important;
    letter-spacing: -0.12rem !important;
}
.elementor-counter-title {
    font-size: 14px !important;
    font-weight: 400 !important;
}
#industries .elementor-counter-number-wrapper {
    font-size: 26px !important;
    font-weight: bold !important;
    color: #316BFF !important
}
#industries .elementor-counter-title {
    font-size: 14px !important;
    font-weight: bold !important;
    justify-content: flex-start !important;
    color: #DFEFFF !important
}
img.w-64px {
    width: 44px;
    height: 44px;
    max-width: 44px;
}
.uc-navbar-main .container {
    max-width: 95% !important;
}
:where(.uc-dark) header.uc-header.header-six .uc-navbar-nav>li.uc-active>a, header.uc-header.header-six .uc-navbar-nav>li.uc-active>a:where(.uc-dark) {
    color: #fff !important
}
.elementor-element-455028b canvas {
    position: absolute;
    z-index: -1;
    width: 100vw !important;
    height: 100vh !important;
}
div#solutions:after, div#industries:after, div#faq:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 40%;
    background: rgba(49, 107, 255, 0.4);
    filter: blur(112px);
    transform: translate(-50%, -50%) rotate(-15deg);
    top: 75%;
    left: 50%;
    z-index: -1;
    /* добавляем анимацию */
    animation: floating 12s ease-in-out infinite;
}
@keyframes floating {
    0% {
        transform: translate(-50%, -50%) rotate(-15deg);
    }
    25% {
        transform: translate(-52%, -52%) rotate(-10deg);
    }
    50% {
        transform: translate(-48%, -50%) rotate(-20deg);
    }
    75% {
        transform: translate(-51%, -49%) rotate(-12deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-15deg);
    }
}
div#industries:after {
    transform: translate(-50%, -50%) rotate(15deg);
    animation: floating-inverse 12s ease-in-out infinite;
}
@keyframes floating-inverse {
    0% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    25% {
        transform: translate(-52%, -52%) rotate(10deg);
    }
    50% {
        transform: translate(-48%, -50%) rotate(20deg);
    }
    75% {
        transform: translate(-51%, -49%) rotate(12deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
}
#cta .btn.btn-primary, .btn-white {
    color: var(--e-global-color-primary) !important;
    --bs-btn-bg: var(--e-global-color-accent) !important
}
#cta .btn.btn-primary:hover {
    color: var(--e-global-color-primary) !important;
    --bs-btn-bg: var(--e-global-color-accent) !important;
    background-color: var(--e-global-color-accent) !important;
    --bs-btn-hover-bg: var(--e-global-color-accent) !important;
}
@media only screen and (min-width: 768px) {
    h2 br, h3 br, h4 br, h5 br, h6 br {
        display: inline-block;
    }
}
@media only screen and (max-width: 768px) {
    h2 br, h3 br, h4 br, h5 br, h6 br {
        display: none;
    }
}
nav.uc-navbar-container {
    transform: translateY(0px) !important;
    opacity: 1 !important;
}