$
/*
 * Custom modifications for ЭлПоТрейд website
 * Hide leftover rotating headline elements from the Antux template. The original
 * design uses `.cd-headline` and `.cd-words-wrapper` classes with clip
 * animations to cycle through words. Since we replaced that behaviour with a
 * static tagline, these classes may still be present in the DOM via
 * animations and cause ghost text. Setting them to `display: none` ensures
 * they are not visible.
 */
.banner-style-one-area .cd-headline,
.banner-style-one-area .cd-words-wrapper,
.banner-style-one-area .clip {
    display: none !important;
}

/*
 * Override banner h2 styling to prevent oversized outlined text. The original
 * Antux template uses transparent letters with a text stroke to create a
 * decorative outline effect. For the ЭлПоТрейд site we prefer a normal
 * readable line of text, so we reset the stroke and font size and apply
 * a solid colour.
 */
.banner-style-one-items h2 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #333 !important;
    -webkit-text-stroke: 0 !important;
}

/*
 * Remove decorative outline duplicates from the main heading. In the Antux template
 * pseudo-elements on the H1 create an oversized outlined version of the text in
 * the background. To keep the design clean for our business site, disable
 * these pseudo-elements.
 */
.banner-style-one-items h1::before,
.banner-style-one-items h1::after {
    display: none !important;
}

/* Override banner h1 styling to reduce oversized text */
.banner-style-one-items h1 {
    font-size: 44px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #111 !important;
}
/* ----------------------------------

Template Name: Antux - Personal Portfolio Template
Author: validtheme
Description:
Version: 1.0

Main Font    : Barlow
Main Color   : #2667FF

-------------------------------------

[Typography]

Body copy:    15px 'Barlow', sans-serif
Header:     36px 'Barlow', sans-serif
Input, textarea:  16px 'Barlow', sans-serif
Sidebar heading:  22px 'Barlow', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar box
        - Navbar Sticky
        - Side Navbar
    04. Home Page
        - Dark Version
        - Light Version
    05. Services
        - Service Single
	06. About
    07. Project
        - Project Single
    08. Skill
    09. Experience
    10. Education
    12. Faq
    13. Progress
    14. Brand / Partner
    15. Pricing
    16. Blog
        - Single
    17. Error 404
    18. Footer
    19. PHP Contact Form
    20. Others

*/

/*
** General Styles for HTML tags
*/

/* Electric effect overlay for hero section */
.banner-style-one-area {
    position: relative;
    overflow: hidden;
}
.banner-style-one-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: 200% 200%;
    background-image:
        linear-gradient(120deg, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%,
                        rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)),
        linear-gradient(240deg, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%,
                        rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0));
    animation: electricMove 6s linear infinite;
    mix-blend-mode: overlay;
}
@keyframes electricMove {
    0% { background-position: 0% 0%, 100% 0%; }
    50% { background-position: 100% 0%, 0% 0%; }
    100% { background-position: 0% 0%, 100% 0%; }
}