.elementor-14604 .elementor-element.elementor-element-29b03b0{--display:flex;--min-height:65px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-14604 .elementor-element.elementor-element-29b03b0:not(.elementor-motion-effects-element-type-background), .elementor-14604 .elementor-element.elementor-element-29b03b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2C2B;}.elementor-14604 .elementor-element.elementor-element-5031ff1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14604 .elementor-element.elementor-element-db13a5f{text-align:start;}.elementor-14604 .elementor-element.elementor-element-db13a5f img{width:170px;}.elementor-14604 .elementor-element.elementor-element-f8569d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14604 .elementor-element.elementor-element-d0812bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14604 .elementor-element.elementor-element-d0812bc .elementor-icon-list-icon i{color:#2D2C2B;transition:color 0.3s;}.elementor-14604 .elementor-element.elementor-element-d0812bc .elementor-icon-list-icon svg{fill:#2D2C2B;transition:fill 0.3s;}.elementor-14604 .elementor-element.elementor-element-d0812bc{--icon-vertical-offset:0px;}.elementor-14604 .elementor-element.elementor-element-d0812bc .elementor-icon-list-text{color:#2D2C2B;transition:color 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-14604 .elementor-element.elementor-element-29b03b0{--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;}.elementor-14604 .elementor-element.elementor-element-f8569d4{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-14604 .elementor-element.elementor-element-29b03b0{--min-height:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-14604 .elementor-element.elementor-element-5031ff1{--width:50%;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14604 .elementor-element.elementor-element-db13a5f img{width:110px;}.elementor-14604 .elementor-element.elementor-element-f8569d4{--width:50%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-14604 .elementor-element.elementor-element-5031ff1{--width:50%;}.elementor-14604 .elementor-element.elementor-element-f8569d4{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14604 .elementor-element.elementor-element-5031ff1{--width:50%;}.elementor-14604 .elementor-element.elementor-element-f8569d4{--width:50%;}}/* Start custom CSS for icon-list, class: .elementor-element-d0812bc *//* =========================================================
   WHEELOPEDIA HEADER — FINAL COMPLETE CSS
   ---------------------------------------------------------
   Header       : #2d2c2b
   Accent       : #ffc600
   Font         : Futura PT

   Elementor Classes:
   Header Container : store-sticky-header
   Phone Widget     : header-phone
========================================================= */


/* =========================================================
   01. HEADER
========================================================= */

.store-sticky-header{
    width:100% !important;
    max-width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;

    gap:18px;

    margin:0 !important;

    background:#2d2c2b !important;

    border-bottom:
        1px solid rgba(255,255,255,.07) !important;

    box-sizing:border-box !important;

    position:relative;
    z-index:9999;

    transition:
        background-color .35s ease,
        box-shadow .35s ease,
        backdrop-filter .35s ease !important;
}


/* Elementor inner wrapper */

.store-sticky-header > .e-con-inner,
.store-sticky-header > .elementor-container{
    width:100% !important;
    max-width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;

    gap:18px;

    margin:0 !important;

    box-sizing:border-box !important;
}


/* =========================================================
   02. LOGO
========================================================= */

.store-sticky-header .elementor-widget-image{
    flex:0 1 auto !important;

    min-width:0 !important;

    margin:0 !important;

    align-self:center !important;
}


.store-sticky-header
.elementor-widget-image
.elementor-widget-container{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    margin:0 !important;
    padding:0 !important;

    line-height:0 !important;
}


.store-sticky-header
.elementor-widget-image img{
    display:block !important;

    max-width:100% !important;
    height:auto !important;

    margin:0 !important;

    vertical-align:middle !important;

    transform:none !important;
}


/* =========================================================
   03. PHONE WRAPPER
========================================================= */

.header-phone{
    display:inline-flex !important;

    align-items:center !important;

    width:auto !important;
    max-width:none !important;

    flex:0 0 auto !important;

    margin:0 0 0 auto !important;

    vertical-align:middle !important;
}


.header-phone ul,
.header-phone .elementor-icon-list-items{
    width:auto !important;

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


.header-phone
.elementor-icon-list-item{
    width:auto !important;

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


/* =========================================================
   04. MAIN PHONE BUTTON
========================================================= */

.header-phone
.elementor-icon-list-item > a{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    min-width:0 !important;
    min-height:42px !important;

    /* More breathing room */
    gap:12px !important;

    padding:
        4px
        14px
        4px
        4px !important;

    color:#ffffff !important;

    background:#2d2c2b !important;

    border:
        1px solid rgba(255,198,0,.62) !important;

    border-radius:999px !important;

    box-shadow:
        0 4px 14px rgba(0,0,0,.15),
        inset 0 0 0 1px rgba(255,255,255,.015) !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    transform:translate3d(0,0,0);

    -webkit-font-smoothing:antialiased;

    transition:
        transform .30s cubic-bezier(.16,1,.3,1),
        background-color .30s ease,
        border-color .30s ease,
        box-shadow .30s ease !important;
}


/* =========================================================
   05. PHONE ICON CIRCLE
========================================================= */

.header-phone
.elementor-icon-list-icon{
    position:relative !important;

    width:34px !important;
    height:34px !important;

    min-width:34px !important;
    min-height:34px !important;

    flex:0 0 34px !important;

    display:grid !important;
    place-items:center !important;

    margin:0 !important;
    padding:0 !important;

    color:#2d2c2b !important;

    background:#ffc600 !important;

    border:
        1px solid #ffc600 !important;

    border-radius:50% !important;

    box-shadow:
        0 3px 11px rgba(255,198,0,.20) !important;

    overflow:visible !important;

    line-height:1 !important;

    isolation:isolate;

    animation:
        wpHeaderPhoneBreath
        2.9s
        ease-in-out
        infinite;

    transition:
        background-color .30s ease,
        border-color .30s ease,
        box-shadow .30s ease,
        transform .30s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   06. PREMIUM HALO
========================================================= */

.header-phone
.elementor-icon-list-icon::after{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:100%;
    height:100%;

    border:
        1px solid rgba(255,198,0,.58);

    border-radius:50%;

    pointer-events:none;

    opacity:0;

    z-index:-1;

    animation:
        wpHeaderPhoneHalo
        2.9s
        cubic-bezier(.16,1,.3,1)
        infinite;
}


/* =========================================================
   07. FONT AWESOME PHONE ICON
========================================================= */

.header-phone
.elementor-icon-list-icon i{
    position:relative !important;

    z-index:2;

    width:100% !important;
    height:100% !important;

    display:grid !important;
    place-items:center !important;

    margin:0 !important;
    padding:0 !important;

    color:#2d2c2b !important;

    font-size:15.5px !important;

    line-height:1 !important;

    text-align:center !important;

    transform-origin:center center;

    animation:
        wpHeaderPhoneRing
        5s
        ease-in-out
        infinite;

    transition:
        color .3s ease !important;
}


.header-phone
.elementor-icon-list-icon i::before{
    position:static !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    line-height:1 !important;

    transform:none !important;
}


/* =========================================================
   08. SVG PHONE ICON
========================================================= */

.header-phone
.elementor-icon-list-icon svg{
    position:relative;

    z-index:2;

    display:block !important;

    width:15px !important;
    height:15px !important;

    min-width:15px !important;
    min-height:15px !important;

    margin:auto !important;
    padding:0 !important;

    color:#2d2c2b !important;

    fill:currentColor !important;

    overflow:visible !important;

    transform-origin:center center;

    animation:
        wpHeaderPhoneRing
        5s
        ease-in-out
        infinite;

    transition:
        color .3s ease,
        fill .3s ease !important;
}


/* =========================================================
   09. PHONE NUMBER
========================================================= */

.header-phone
.elementor-icon-list-text{
    display:inline-flex !important;

    align-items:center !important;

    /*
       Extra space after circle
    */
    margin:
        0
        0
        0
        2px !important;

    padding:0 !important;

    color:#ffffff !important;

    font-family:
        "Futura PT",
        Futura,
        "Trebuchet MS",
        Arial,
        sans-serif !important;

    font-size:15px !important;

    font-weight:500 !important;

    line-height:1 !important;

    letter-spacing:-.1px !important;

    white-space:nowrap !important;

    font-variant-numeric:tabular-nums;

    transition:
        color .3s ease,
        transform .3s cubic-bezier(.16,1,.3,1) !important;
}


/* =========================================================
   10. SOFT BREATHING
========================================================= */

@keyframes wpHeaderPhoneBreath{

    0%,
    100%{
        transform:scale(1);

        box-shadow:
            0 3px 11px rgba(255,198,0,.17);
    }


    50%{
        transform:scale(1.045);

        box-shadow:
            0 4px 16px rgba(255,198,0,.30);
    }

}


/* =========================================================
   11. HALO
========================================================= */

@keyframes wpHeaderPhoneHalo{

    0%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(.82);
    }


    15%{
        opacity:.36;
    }


    62%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(1.45);
    }


    100%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(1.45);
    }

}


/* =========================================================
   12. OCCASIONAL PHONE RING
========================================================= */

@keyframes wpHeaderPhoneRing{

    0%,
    67%,
    100%{
        transform:rotate(0deg);
    }


    71%{
        transform:rotate(-7deg);
    }


    75%{
        transform:rotate(6deg);
    }


    79%{
        transform:rotate(-4deg);
    }


    83%{
        transform:rotate(2deg);
    }


    87%{
        transform:rotate(0deg);
    }

}


/* =========================================================
   13. DESKTOP HOVER
========================================================= */

@media (hover:hover) and (pointer:fine){

    .header-phone
    .elementor-icon-list-item > a:hover{
        color:#2d2c2b !important;

        background:#ffc600 !important;

        border-color:#ffc600 !important;

        transform:
            translateY(-2px);

        box-shadow:
            0 9px 23px rgba(255,198,0,.18),
            0 10px 28px rgba(0,0,0,.13) !important;
    }


    /* Icon circle */

    .header-phone
    .elementor-icon-list-item > a:hover
    .elementor-icon-list-icon{
        background:#2d2c2b !important;

        border-color:#2d2c2b !important;

        color:#ffffff !important;

        animation-play-state:paused;

        transform:
            scale(1.04);

        box-shadow:
            0 5px 14px rgba(45,44,43,.22) !important;
    }


    /* Hide halo */

    .header-phone
    .elementor-icon-list-item > a:hover
    .elementor-icon-list-icon::after{
        animation-play-state:paused;

        opacity:0 !important;
    }


    /* Font Awesome */

    .header-phone
    .elementor-icon-list-item > a:hover
    .elementor-icon-list-icon i{
        color:#ffffff !important;

        animation-play-state:paused;

        transform:
            rotate(0deg);
    }


    /* SVG */

    .header-phone
    .elementor-icon-list-item > a:hover
    .elementor-icon-list-icon svg{
        color:#ffffff !important;

        fill:#ffffff !important;

        animation-play-state:paused;

        transform:
            rotate(0deg);
    }


    /* Number */

    .header-phone
    .elementor-icon-list-item > a:hover
    .elementor-icon-list-text{
        color:#2d2c2b !important;

        transform:
            translateX(1px);
    }

}


/* =========================================================
   14. CLICK / TAP
========================================================= */

.header-phone
.elementor-icon-list-item > a:active{
    transform:
        scale(.97) !important;
}


/* =========================================================
   15. KEYBOARD FOCUS
========================================================= */

.header-phone
.elementor-icon-list-item > a:focus-visible{
    outline:
        2px solid rgba(255,198,0,.90) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   16. STICKY HEADER
========================================================= */

.store-sticky-header.elementor-sticky--active,
.store-sticky-header.elementor-sticky--effects{
    width:100% !important;
    max-width:100% !important;

    left:0 !important;
    right:0 !important;

    margin:0 !important;

    background:
        rgba(45,44,43,.975) !important;

    border-bottom-color:
        rgba(255,255,255,.08) !important;

    -webkit-backdrop-filter:
        blur(14px);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 7px 24px rgba(0,0,0,.14) !important;
}


/* =========================================================
   17. TABLET
========================================================= */

@media (max-width:1024px){

    .store-sticky-header,
    .store-sticky-header > .e-con-inner,
    .store-sticky-header > .elementor-container{
        gap:14px;
    }


    .header-phone
    .elementor-icon-list-item > a{
        min-height:38px !important;

        gap:10px !important;

        padding:
            3px
            11px
            3px
            3px !important;
    }


    .header-phone
    .elementor-icon-list-icon{
        width:31px !important;
        height:31px !important;

        min-width:31px !important;
        min-height:31px !important;

        flex-basis:31px !important;
    }


    .header-phone
    .elementor-icon-list-icon i{
        font-size:
            13.5px !important;
    }


    .header-phone
    .elementor-icon-list-icon svg{
        width:13px !important;
        height:13px !important;

        min-width:13px !important;
        min-height:13px !important;
    }


    .header-phone
    .elementor-icon-list-text{
        margin-left:
            1px !important;

        font-size:
            13.5px !important;
    }

}


/* =========================================================
   18. MOBILE
========================================================= */

@media (max-width:767px){

    .store-sticky-header{
        width:100% !important;

        flex-wrap:nowrap !important;
    }


    .store-sticky-header > .e-con-inner,
    .store-sticky-header > .elementor-container{
        width:100% !important;
        max-width:100% !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        flex-wrap:nowrap !important;

        gap:10px;
    }


    /* Logo */

    .store-sticky-header
    .elementor-widget-image{
        flex:
            1
            1
            auto !important;

        min-width:
            0 !important;
    }


    /* Phone */

    .header-phone{
        flex:
            0
            0
            auto !important;

        margin-left:
            auto !important;
    }


    .header-phone
    .elementor-icon-list-item > a{
        min-height:
            35px !important;

        gap:
            8px !important;

        padding:
            3px
            10px
            3px
            3px !important;
    }


    .header-phone
    .elementor-icon-list-icon{
        width:
            28px !important;

        height:
            28px !important;

        min-width:
            28px !important;

        min-height:
            28px !important;

        flex-basis:
            28px !important;

        animation-duration:
            3.2s;
    }


    .header-phone
    .elementor-icon-list-icon::after{
        border-color:
            rgba(255,198,0,.48);

        animation-duration:
            3.2s;
    }


    .header-phone
    .elementor-icon-list-icon i{
        font-size:
            12px !important;

        animation-duration:
            5.4s;
    }


    .header-phone
    .elementor-icon-list-icon svg{
        width:
            12px !important;

        height:
            12px !important;

        min-width:
            12px !important;

        min-height:
            12px !important;

        animation-duration:
            5.4s;
    }


    .header-phone
    .elementor-icon-list-text{
        margin-left:
            1px !important;

        font-size:
            12.5px !important;

        letter-spacing:
            0 !important;
    }

}


/* =========================================================
   19. SMALL MOBILE
========================================================= */

@media (max-width:380px){

    .store-sticky-header,
    .store-sticky-header > .e-con-inner,
    .store-sticky-header > .elementor-container{
        gap:
            7px;
    }


    .header-phone
    .elementor-icon-list-item > a{
        min-height:
            33px !important;

        gap:
            7px !important;

        padding:
            3px
            8px
            3px
            3px !important;
    }


    .header-phone
    .elementor-icon-list-icon{
        width:
            26px !important;

        height:
            26px !important;

        min-width:
            26px !important;

        min-height:
            26px !important;

        flex-basis:
            26px !important;
    }


    .header-phone
    .elementor-icon-list-icon i{
        font-size:
            11px !important;
    }


    .header-phone
    .elementor-icon-list-icon svg{
        width:
            11px !important;

        height:
            11px !important;

        min-width:
            11px !important;

        min-height:
            11px !important;
    }


    .header-phone
    .elementor-icon-list-text{
        margin-left:
            0 !important;

        font-size:
            11.5px !important;
    }

}


/* =========================================================
   20. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

    .store-sticky-header *,
    .store-sticky-header *::before,
    .store-sticky-header *::after{
        animation:none !important;

        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29b03b0 *//* =========================================================
   FINAL FIX — LOGO VERTICAL CENTER ON STICKY HEADER
========================================================= */

/* Logo widget always vertically centered */
.store-sticky-header .elementor-widget-image{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    align-self: center !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    height: auto !important;
}


/* Elementor's inner image wrapper */
.store-sticky-header
.elementor-widget-image
.elementor-widget-container{

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}


/* Logo image */
.store-sticky-header
.elementor-widget-image img{

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;

    transform-origin: left center !important;
}


/* =========================================================
   STICKY STATE
   Prevent logo from moving upward
========================================================= */

.store-sticky-header.elementor-sticky--effects
.elementor-widget-image{

    align-self: center !important;

    transform: none !important;

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


/* Keep scale but correct vertical position */
.store-sticky-header.elementor-sticky--effects
.elementor-widget-image img{

    transform:
        translateY(4px)
        scale(.94) !important;

    transform-origin: left center !important;
}


/* =========================================================
   HEADER CHILDREN VERTICAL CENTER
========================================================= */

.store-sticky-header > .e-con-inner,
.store-sticky-header > .elementor-container{

    align-items: center !important;
}


/* Direct Elementor containers */
.store-sticky-header > .e-con,
.store-sticky-header .e-con-inner > .e-con{

    align-items: center !important;
}


/* Phone stays centered as well */
.store-sticky-header .header-phone{

    align-self: center !important;

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


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1024px){

    .store-sticky-header.elementor-sticky--effects
    .elementor-widget-image img{

        transform:
            translateY(3px)
            scale(.95) !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .store-sticky-header{
        align-items: center !important;
    }

    .store-sticky-header
    .elementor-widget-image{

        align-self: center !important;
    }

    .store-sticky-header.elementor-sticky--effects
    .elementor-widget-image img{

        transform:
            translateY(2px)
            scale(.96) !important;
    }

    .store-sticky-header
    .header-phone{

        align-self: center !important;
    }
}/* End custom CSS */