.elementor-1867 .elementor-element.elementor-element-2437615c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1867 .elementor-element.elementor-element-2437615c:not(.elementor-motion-effects-element-type-background), .elementor-1867 .elementor-element.elementor-element-2437615c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111518;}.elementor-1867 .elementor-element.elementor-element-2437615c::before, .elementor-1867 .elementor-element.elementor-element-2437615c > .elementor-background-video-container::before, .elementor-1867 .elementor-element.elementor-element-2437615c > .e-con-inner > .elementor-background-video-container::before, .elementor-1867 .elementor-element.elementor-element-2437615c > .elementor-background-slideshow::before, .elementor-1867 .elementor-element.elementor-element-2437615c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1867 .elementor-element.elementor-element-2437615c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1867 .elementor-element.elementor-element-2c67b825{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--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-1867 .elementor-element.elementor-element-2c67b825:not(.elementor-motion-effects-element-type-background), .elementor-1867 .elementor-element.elementor-element-2c67b825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanguardtechnology.co.za/wp-content/uploads/2026/08/ChatGPT_Image_Aug_17_2026_11_05_59_AM.png");background-position:405px 15px;background-repeat:no-repeat;background-size:64% auto;}.elementor-1867 .elementor-element.elementor-element-55559e91{--display:flex;--min-height:470px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:87px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1867 .elementor-element.elementor-element-55559e91:hover{border-style:none;}.elementor-1867 .elementor-element.elementor-element-55559e91, .elementor-1867 .elementor-element.elementor-element-55559e91::before{--border-transition:0s;}.elementor-1867 .elementor-element.elementor-element-55559e91.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1867 .elementor-element.elementor-element-ab0365b{padding:0px 0px 0px 14px;text-align:start;}.elementor-1867 .elementor-element.elementor-element-ab0365b .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:15px;color:#3EA8FF;}.elementor-1867 .elementor-element.elementor-element-4886ee43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:0px 0px 3px 20px;text-align:start;}.elementor-1867 .elementor-element.elementor-element-4886ee43 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:63px;text-transform:uppercase;font-style:normal;line-height:1.5em;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#F4F6F8;}.elementor-1867 .elementor-element.elementor-element-f52da20{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:15px 15px 15px 15px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1867 .elementor-element.elementor-element-f52da20:not(.elementor-motion-effects-element-type-background), .elementor-1867 .elementor-element.elementor-element-f52da20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000099;}.elementor-1867 .elementor-element.elementor-element-a2e8c71{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-a2e8c71.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-a2e8c71.elementor-view-framed .elementor-icon, .elementor-1867 .elementor-element.elementor-element-a2e8c71.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_8 );color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon{font-size:40px;}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-title, .elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-title a{font-weight:600;}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1867 .elementor-element.elementor-element-af8815b{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-af8815b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-af8815b.elementor-view-framed .elementor-icon, .elementor-1867 .elementor-element.elementor-element-af8815b.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_8 );color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon{font-size:40px;}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-title, .elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-title a{font-weight:600;}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1867 .elementor-element.elementor-element-7a80ff7{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-7a80ff7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-7a80ff7.elementor-view-framed .elementor-icon, .elementor-1867 .elementor-element.elementor-element-7a80ff7.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_8 );color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon{font-size:40px;}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-title, .elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-title a{font-weight:600;}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1867 .elementor-element.elementor-element-eb30e4d{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-eb30e4d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-eb30e4d.elementor-view-framed .elementor-icon, .elementor-1867 .elementor-element.elementor-element-eb30e4d.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_8 );color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon{font-size:40px;}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-title, .elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-title a{font-weight:600;}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1867 .elementor-element.elementor-element-c4dc233{--display:flex;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-carousel{--abpc-logo-columns:6;--abpc-logo-gap:16px;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-logo-viewport{margin-inline:54px;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-slide img{height:72px;object-fit:contain;opacity:1;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-slide:hover img, .elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-slide.is-active img{opacity:1;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-logo-arrow{width:42px;height:42px;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-logo-arrow.abpc-logo-prev{left:8px;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-logo-arrow.abpc-logo-next{right:8px;}.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .abpc-results .button{background-color:#0456A2CC !important;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1867 .elementor-element.elementor-element-2437615c{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1867 .elementor-element.elementor-element-2c67b825:not(.elementor-motion-effects-element-type-background), .elementor-1867 .elementor-element.elementor-element-2c67b825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:contain;}.elementor-1867 .elementor-element.elementor-element-2c67b825{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1867 .elementor-element.elementor-element-55559e91{--min-height:250px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:90px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1867 .elementor-element.elementor-element-4886ee43 .elementor-heading-title{font-size:40px;}.elementor-1867 .elementor-element.elementor-element-f52da20{--flex-wrap:wrap;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-carousel{--abpc-logo-columns:4;}}@media(max-width:767px){.elementor-1867 .elementor-element.elementor-element-2437615c{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1867 .elementor-element.elementor-element-f52da20{--justify-content:center;}.elementor-1867 .elementor-element.elementor-element-a2e8c71{width:100%;max-width:100%;}.elementor-1867 .elementor-element.elementor-element-a2e8c71 .elementor-icon-box-wrapper{gap:15px;}.elementor-1867 .elementor-element.elementor-element-af8815b{width:100%;max-width:100%;}.elementor-1867 .elementor-element.elementor-element-af8815b .elementor-icon-box-wrapper{gap:15px;}.elementor-1867 .elementor-element.elementor-element-7a80ff7{width:100%;max-width:100%;}.elementor-1867 .elementor-element.elementor-element-7a80ff7 .elementor-icon-box-wrapper{gap:15px;}.elementor-1867 .elementor-element.elementor-element-eb30e4d{width:100%;max-width:100%;}.elementor-1867 .elementor-element.elementor-element-eb30e4d .elementor-icon-box-wrapper{gap:15px;}.elementor-1867 .elementor-element.elementor-element-1ae0ebe .abpc-brand-logo-carousel{--abpc-logo-columns:2;}}@media(min-width:768px){.elementor-1867 .elementor-element.elementor-element-2c67b825{--width:96%;}.elementor-1867 .elementor-element.elementor-element-55559e91{--width:34.964%;}.elementor-1867 .elementor-element.elementor-element-c4dc233{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1867 .elementor-element.elementor-element-55559e91{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-4886ee43 */.glitch {
  position: relative;
  display: inline-block;
}
.glitch.active::before,
.glitch.active::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  background: #0a0e1a; /* match your dark hero background */
}
.glitch.active::before {
  left: 2px;
  text-shadow: -2px 0 #ff004c;
  animation: glitchTop 1.2s infinite linear alternate-reverse;
}
.glitch.active::after {
  left: -2px;
  text-shadow: -2px 0 #00fff9;
  animation: glitchBottom 1.5s infinite linear alternate-reverse;
}
@keyframes glitchTop {
  0%   { clip-path: inset(0 0 90% 0); }
  50%  { clip-path: inset(40% 0 40% 0); }
  100% { clip-path: inset(90% 0 0 0); }
}
@keyframes glitchBottom {
  0%   { clip-path: inset(90% 0 0 0); }
  50%  { clip-path: inset(40% 0 40% 0); }
  100% { clip-path: inset(0 0 90% 0); }
}/* End custom CSS */
/* Start custom CSS for abpc_brand_filters, class: .elementor-element-629643c *//* =========================================
   PRODUCT FILTER SIDEBAR
   Elementor Custom CSS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c {
    --filter-dark: #111619;

    --filter-blue-deep: #012970;
    --filter-blue: #0456A2;
    --filter-blue-mid: #1595E8;
    --filter-blue-bright: #4CCBFF;

    --filter-blue-soft: #EAF5FB;

    --filter-text: #172126;
    --filter-muted: #6F8190;
    --filter-border: #E0E6EA;
    --filter-bg: #FFFFFF;

    background: var(--filter-bg);

    border: 1px solid var(--filter-border);
    border-radius: 14px;

    padding: 26px;

    box-shadow:
        0 3px 10px rgba(17, 22, 25, 0.04),
        0 12px 28px rgba(17, 22, 25, 0.035);
}


/* =========================================
   CATEGORIES TITLE
   VANGUARD BLUE GRADIENT
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c h1:first-of-type,
.elementor-1867 .elementor-element.elementor-element-629643c h2:first-of-type,
.elementor-1867 .elementor-element.elementor-element-629643c h3:first-of-type,
.elementor-1867 .elementor-element.elementor-element-629643c h4:first-of-type {
    display: inline-block;

    margin-top: 0;
    margin-bottom: 18px;

    font-weight: 800;
    line-height: 1.2;

    background: linear-gradient(
        180deg,
        #4CCBFF 0%,
        #1595E8 35%,
        #0456A2 68%,
        #012970 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    text-shadow:
        0 2px 4px rgba(1, 41, 112, 0.10);
}


/* =========================================
   CATEGORY LIST RESET
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.elementor-1867 .elementor-element.elementor-element-629643c li {
    list-style: none;
    margin: 3px 0;
    padding: 0;
}


/* =========================================
   MAIN CATEGORY LINKS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c li > a,
.elementor-1867 .elementor-element.elementor-element-629643c li > button {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    padding: 10px 12px;

    background: transparent;

    color: var(--filter-text);

    border: 1px solid transparent;
    border-radius: 8px;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;

    text-align: left;
    text-decoration: none;

    cursor: pointer;

    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}


/* =========================================
   CATEGORY HOVER
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c li > a:hover,
.elementor-1867 .elementor-element.elementor-element-629643c li > button:hover {
    background: var(--filter-blue-soft);

    color: var(--filter-blue);

    border-color: rgba(4, 86, 162, 0.10);

    transform: translateX(2px);
}


/* =========================================
   ACTIVE CATEGORY
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c a.active,
.elementor-1867 .elementor-element.elementor-element-629643c button.active,
.elementor-1867 .elementor-element.elementor-element-629643c .active > a,
.elementor-1867 .elementor-element.elementor-element-629643c .active > button,
.elementor-1867 .elementor-element.elementor-element-629643c [aria-current="true"],
.elementor-1867 .elementor-element.elementor-element-629643c [aria-pressed="true"] {
    background: #DDF1FB !important;

    color: var(--filter-blue) !important;

    border-color: rgba(4, 86, 162, 0.12) !important;

    font-weight: 600 !important;
}


/* =========================================
   NESTED / CHILD CATEGORIES
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c li ul {
    margin:
        4px 0
        6px 16px;

    padding-left: 14px;

    border-left: 1px solid #DCE4E8;
}


/* CHILD CATEGORY LINKS */

.elementor-1867 .elementor-element.elementor-element-629643c li ul li > a,
.elementor-1867 .elementor-element.elementor-element-629643c li ul li > button {
    padding: 8px 10px;

    color: #43535F;

    font-size: 14px;
    font-weight: 400;

    border-radius: 7px;
}


/* DEEPER NESTING */

.elementor-1867 .elementor-element.elementor-element-629643c li ul ul {
    margin-left: 12px;
    padding-left: 12px;
}


/* =========================================
   CATEGORY COUNTS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c .count,
.elementor-1867 .elementor-element.elementor-element-629643c .product-count,
.elementor-1867 .elementor-element.elementor-element-629643c [class*="count"] {
    color: var(--filter-muted);

    font-size: 13px;
    font-weight: 400;
}


/* =========================================
   DIVIDERS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c hr {
    height: 1px;

    margin: 24px 0;

    background: var(--filter-border);

    border: 0;
}


/* =========================================
   CHECKBOX LABELS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c label {
    color: var(--filter-text);

    font-size: 15px;
    font-weight: 500;

    cursor: pointer;
}


/* =========================================
   CHECKBOX
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c input[type="checkbox"] {
    width: 17px;
    height: 17px;

    margin-right: 9px;

    accent-color: var(--filter-blue);

    cursor: pointer;
}





/* =========================================
   CLEAR FILTERS BUTTON
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c button[type="reset"],
.elementor-1867 .elementor-element.elementor-element-629643c .clear-filters,
.elementor-1867 .elementor-element.elementor-element-629643c .reset-filters,
.elementor-1867 .elementor-element.elementor-element-629643c [class*="clear"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 11px 18px;

    background: #FFFFFF;

    color: var(--filter-dark);

    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.05),
        0 5px 12px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================
   CLEAR FILTERS HOVER
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-629643c button[type="reset"]:hover,
.elementor-1867 .elementor-element.elementor-element-629643c .clear-filters:hover,
.elementor-1867 .elementor-element.elementor-element-629643c .reset-filters:hover,
.elementor-1867 .elementor-element.elementor-element-629643c [class*="clear"]:hover {
    background: var(--filter-blue);

    color: #FFFFFF;

    border-color: rgba(0, 0, 0, 0.24);

    transform: translateY(-2px);

    box-shadow:
        0 7px 16px rgba(4, 86, 162, 0.20),
        0 3px 7px rgba(0, 0, 0, 0.08);
}


/* BUTTON CLICK */

.elementor-1867 .elementor-element.elementor-element-629643c button[type="reset"]:active,
.elementor-1867 .elementor-element.elementor-element-629643c .clear-filters:active,
.elementor-1867 .elementor-element.elementor-element-629643c .reset-filters:active,
.elementor-1867 .elementor-element.elementor-element-629643c [class*="clear"]:active {
    transform: translateY(0);

    box-shadow:
        0 3px 8px rgba(4, 86, 162, 0.14);
}/* End custom CSS */
/* Start custom CSS for abpc_brand_results, class: .elementor-element-ebdf8d8 */.elementor-1867 .elementor-element.elementor-element-ebdf8d8,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8:focus,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8:focus-within {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
}


/* STOP ELEMENTOR CONTAINERS FROM LIFTING / MOVING */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8.e-con,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8.e-con:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .e-con,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .e-con:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .e-con:focus,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .e-con:focus-within {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
}


/* =========================================================
   2. STOP PRODUCT CARDS FROM MOVING
   ========================================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .product,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .product:hover,

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 li.product,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 li.product:hover,

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .product-card,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .product-card:hover,

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 [class*="product-card"],
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 [class*="product-card"]:hover {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
}


/* =========================================================
   3. ADD TO CART BUTTON
   Button is allowed to lift
   ========================================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .add_to_cart_button,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .button {
    border: 1px solid rgba(0, 0, 0, 0.18) !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.10);

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* ADD TO CART HOVER */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .add_to_cart_button:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .button:hover {
    background-color: #0456A2 !important;
    color: #ffffff !important;

    border-color: rgba(0, 0, 0, 0.28) !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 18px rgba(4, 86, 162, 0.22),
        0 3px 7px rgba(0, 0, 0, 0.10);
}


/* ADD TO CART CLICK */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .add_to_cart_button:active,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .button:active {
    transform: translateY(-1px) !important;

    border-color: rgba(0, 0, 0, 0.30) !important;

    box-shadow:
        0 4px 10px rgba(4, 86, 162, 0.18);
}


/* =========================================================
   4. SEARCH FIELD
   Completely stationary
   ========================================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="search"],
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="text"] {
    width: 100%;
    min-height: 58px;

    background: #ffffff;

    color: #172126;

    font-size: 16px;
    font-weight: 500;

    padding: 0 20px;

    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 10px;

    outline: none;

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.04),
        0 6px 16px rgba(0, 0, 0, 0.03);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* SEARCH PLACEHOLDER */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="search"]::placeholder,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="text"]::placeholder {
    color: #91A3AF;

    opacity: 1;

    font-weight: 400;
}


/* SEARCH HOVER */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="search"]:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="text"]:hover {
    border-color: rgba(4, 86, 162, 0.35);

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.05),
        0 8px 18px rgba(0, 0, 0, 0.04);
}


/* SEARCH FOCUS */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="search"]:focus,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="text"]:focus {
    border-color: #0456A2;

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 0 0 3px rgba(4, 86, 162, 0.10),
        0 5px 14px rgba(0, 0, 0, 0.06);
}


/* REMOVE BROWSER SEARCH STYLING */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}


/* =========================================================
   5. SORTING DROPDOWN
   Completely stationary
   ========================================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 select {
    min-height: 58px;

    background-color: #111619 !important;
    color: #ffffff !important;

    padding: 0 36px;

    border: 1px solid rgba(0, 0, 0, 0.30) !important;
    border-radius: 10px;

    font-size: 15px;
    font-weight: 500;

    text-transform: capitalize;

    text-align: center;
    text-align-last: center;

    cursor: pointer;

    outline: none;

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.10),
        0 8px 18px rgba(0, 0, 0, 0.05);

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* SORTING HOVER */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 select:hover {
    background-color: #0456A2 !important;
    color: #ffffff !important;

    border-color: #0456A2 !important;

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 5px 12px rgba(4, 86, 162, 0.22),
        0 2px 5px rgba(0, 0, 0, 0.08);
}


/* SORTING ACTIVE / FOCUS */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 select:focus {
    background-color: #0456A2 !important;
    color: #ffffff !important;

    border-color: #0A6DB3 !important;

    transform: none !important;
    translate: none !important;

    box-shadow:
        0 0 0 3px rgba(10, 109, 179, 0.18),
        0 5px 12px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   6. SORTING DROPDOWN OPTIONS
   ========================================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 select option {
    background-color: #111619;
    color: #ffffff;

    text-transform: capitalize;

    text-align: left;
}


/* SELECTED OPTION */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 select option:checked {
    background-color: #0456A2 !important;
    color: #ffffff !important;
}

/* =========================================
   PRODUCT GRID PAGINATION
   ========================================= */

/* PAGINATION CONTAINER */
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 34px;
}


/* INDIVIDUAL PAGE BUTTONS */
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination a,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination span,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination a,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination span,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 a.page-numbers,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 46px;
    height: 46px;

    padding: 0 14px;

    background: #ffffff;

    color: #172126 !important;

    border: 1px solid #D8E0E5 !important;
    border-radius: 8px;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================
   HOVER
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination a:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination a:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 a.page-numbers:hover {
    background: #0456A2 !important;

    color: #ffffff !important;

    border-color: #0456A2 !important;

    box-shadow:
        0 5px 12px rgba(4, 86, 162, 0.20);
}


/* =========================================
   CURRENT / ACTIVE PAGE
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .current,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .current,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers.current {
    background: #0456A2 !important;

    color: #ffffff !important;

    border-color: #0456A2 !important;

    box-shadow:
        0 4px 10px rgba(4, 86, 162, 0.22);
}


/* =========================================
   PREVIOUS / NEXT BUTTONS
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .prev,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .next,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .prev,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .next,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers.prev,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers.next {
    padding-left: 16px;
    padding-right: 16px;

    background: #111619;

    color: #ffffff !important;

    border-color: #111619 !important;
}


/* PREVIOUS / NEXT HOVER */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .prev:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .next:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .prev:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .next:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers.prev:hover,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers.next:hover {
    background: #0456A2 !important;

    border-color: #0456A2 !important;

    color: #ffffff !important;
}


/* =========================================
   DISABLED PAGINATION
   ========================================= */

.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination .disabled,
.elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination .disabled {
    opacity: 0.4;

    cursor: not-allowed;

    background: #F4F6F7;

    color: #84939D !important;
}


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

@media (max-width: 767px) {

    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .page-numbers {
        gap: 6px;
    }

    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination a,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .pagination span,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination a,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 .woocommerce-pagination span,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 a.page-numbers,
    .elementor-1867 .elementor-element.elementor-element-ebdf8d8 span.page-numbers {
        min-width: 42px;
        height: 42px;

        padding: 0 11px;

        font-size: 14px;
    }
}
/* ==========================================================
   AXIZ BRAND LOGO CAROUSEL
   Elementor / Global CSS Version
   ========================================================== */

.abpc-brand-logo-carousel {
    --ocean-light: #e5f7fc;
    --ocean-border: #9ddbea;
    --ocean-text: #287c94;

    background: #ffffff !important;
    border: 1px solid #e1e8ec !important;
    border-radius: 16px !important;

    padding: 18px 16px !important;

    box-shadow: 0 6px 24px rgba(26, 45, 57, 0.06) !important;

    overflow: hidden !important;
    position: relative !important;

    transform: none !important;
}


/* ------------------------------------------
   INNER CAROUSEL AREA
   ------------------------------------------ */

.abpc-logo-viewport {
    margin-left: 62px !important;
    margin-right: 62px !important;

    padding: 2px 0 !important;
}


.abpc-logo-track {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}


/* ------------------------------------------
   BRAND CARDS
   ------------------------------------------ */

.abpc-brand-logo-slide {
    background: #ffffff !important;

    border: 1px solid #e0e7eb !important;
    border-radius: 12px !important;

    min-height: 112px !important;

    padding: 15px 18px !important;

    box-shadow: 0 2px 7px rgba(28, 48, 60, 0.035) !important;

    color: #263238 !important;

    transform: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease !important;
}


/* LIGHT OCEAN BLUE HOVER */
.abpc-brand-logo-slide:hover {
    background: var(--ocean-light) !important;

    border-color: var(--ocean-border) !important;

    box-shadow: 0 2px 8px rgba(45, 140, 165, 0.08) !important;

    color: var(--ocean-text) !important;

    /* no lift / no pop */
    transform: none !important;
}


/* SELECTED BRAND */
.abpc-brand-logo-slide.is-active {
    background: #dff5fb !important;

    border-color: #70c7dc !important;

    box-shadow:
        inset 0 0 0 1px rgba(85, 181, 205, 0.2) !important;

    color: var(--ocean-text) !important;

    transform: none !important;
}


/* Absolutely prevent button movement */
.abpc-brand-logo-slide:hover,
.abpc-brand-logo-slide:focus,
.abpc-brand-logo-slide:active,
.abpc-brand-logo-slide.is-active {
    transform: none !important;
}


/* ------------------------------------------
   LOGO
   ------------------------------------------ */

.abpc-logo-image-wrap {
    width: 100% !important;

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


.abpc-brand-logo-slide img {
    display: block !important;

    width: auto !important;
    height: 70px !important;
    max-width: 88% !important;

    object-fit: contain !important;

    margin: 0 auto !important;

    opacity: 0.9 !important;

    transform: none !important;

    transition: opacity 0.2s ease !important;
}


/* NO LOGO ZOOM */
.abpc-brand-logo-slide:hover img,
.abpc-brand-logo-slide:focus img,
.abpc-brand-logo-slide:active img,
.abpc-brand-logo-slide.is-active img {
    opacity: 1 !important;
    transform: none !important;
}


/* ------------------------------------------
   BRAND NAME
   ------------------------------------------ */

.abpc-logo-brand-name {
    margin-top: 9px !important;

    color: #46565d !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}


.abpc-brand-logo-slide:hover .abpc-logo-brand-name,
.abpc-brand-logo-slide.is-active .abpc-logo-brand-name {
    color: var(--ocean-text) !important;
}


/* ------------------------------------------
   LEFT + RIGHT ARROWS
   ------------------------------------------ */

.abpc-logo-arrow {
    width: 46px !important;
    height: 46px !important;

    background: #ffffff !important;

    border: 1px solid #dbe4e8 !important;
    border-radius: 50% !important;

    color: #26383f !important;

    box-shadow: 0 3px 10px rgba(24, 43, 54, 0.07) !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* ARROW HOVER */
.abpc-logo-arrow:hover {
    background: var(--ocean-light) !important;

    border-color: var(--ocean-border) !important;

    color: var(--ocean-text) !important;

    box-shadow: 0 3px 10px rgba(45, 140, 165, 0.08) !important;

    /* NO button zoom */
    transform: translateY(-50%) !important;
}


.abpc-logo-arrow:focus,
.abpc-logo-arrow:active {
    transform: translateY(-50%) !important;
}


/* LEFT ARROW */
.abpc-logo-prev {
    left: 14px !important;
}


/* RIGHT ARROW */
.abpc-logo-next {
    right: 14px !important;
}


/* ICON SIZE */
.abpc-logo-arrow svg {
    width: 19px !important;
    height: 19px !important;
}


/* ------------------------------------------
   ACCESSIBILITY
   ------------------------------------------ */

.abpc-brand-logo-slide:focus-visible,
.abpc-logo-arrow:focus-visible {
    outline: 2px solid #79cce0 !important;
    outline-offset: 2px !important;
}


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

@media (max-width: 1024px) {

    .abpc-brand-logo-carousel {
        padding: 15px 12px !important;
        border-radius: 14px !important;
    }

    .abpc-logo-viewport {
        margin-left: 56px !important;
        margin-right: 56px !important;
    }

    .abpc-brand-logo-slide {
        min-height: 105px !important;
        padding: 13px 15px !important;
    }

    .abpc-brand-logo-slide img {
        height: 62px !important;
    }

}


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

@media (max-width: 767px) {

    .abpc-brand-logo-carousel {
        padding: 11px 7px !important;
        border-radius: 12px !important;
    }

    .abpc-logo-viewport {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .abpc-logo-track {
        gap: 9px !important;
    }

    .abpc-brand-logo-slide {
        min-height: 88px !important;
        padding: 9px 11px !important;
        border-radius: 10px !important;
    }

    .abpc-brand-logo-slide img {
        height: 52px !important;
        max-width: 90% !important;
    }

    .abpc-logo-arrow {
        width: 36px !important;
        height: 36px !important;
    }

    .abpc-logo-prev {
        left: 7px !important;
    }

    .abpc-logo-next {
        right: 7px !important;
    }

    .abpc-logo-arrow svg {
        width: 16px !important;
        height: 16px !important;
    }

}/* End custom CSS */