.elementor-1813 .elementor-element.elementor-element-67076344{--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-1813 .elementor-element.elementor-element-67076344:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-67076344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111518;}.elementor-1813 .elementor-element.elementor-element-67076344::before, .elementor-1813 .elementor-element.elementor-element-67076344 > .elementor-background-video-container::before, .elementor-1813 .elementor-element.elementor-element-67076344 > .e-con-inner > .elementor-background-video-container::before, .elementor-1813 .elementor-element.elementor-element-67076344 > .elementor-background-slideshow::before, .elementor-1813 .elementor-element.elementor-element-67076344 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1813 .elementor-element.elementor-element-67076344 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1813 .elementor-element.elementor-element-5f98205d{--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-1813 .elementor-element.elementor-element-5f98205d:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-5f98205d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanguardtechnology.co.za/wp-content/uploads/2026/08/Vangaurd_Shop_Ladies.png");background-position:top right;background-repeat:no-repeat;background-size:53% auto;}.elementor-1813 .elementor-element.elementor-element-1cd4f30{--display:flex;--min-height:431px;--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-1813 .elementor-element.elementor-element-1cd4f30:hover{border-style:none;}.elementor-1813 .elementor-element.elementor-element-1cd4f30, .elementor-1813 .elementor-element.elementor-element-1cd4f30::before{--border-transition:0s;}.elementor-1813 .elementor-element.elementor-element-1cd4f30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1813 .elementor-element.elementor-element-28c174db{padding:0px 0px 0px 14px;text-align:start;}.elementor-1813 .elementor-element.elementor-element-28c174db .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:14px;color:#3EA8FF;}.elementor-1813 .elementor-element.elementor-element-72f4d9e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;padding:0px 0px 3px 20px;text-align:start;}.elementor-1813 .elementor-element.elementor-element-72f4d9e1 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:55px;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-1813 .elementor-element.elementor-element-170d094e{--display:flex;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1813 .elementor-element.elementor-element-c10b691{width:var( --container-widget-width, 98.325% );max-width:98.325%;margin:5px 12px calc(var(--kit-widget-spacing, 0px) + 2px) 8px;padding:0px 0px 0px 10px;--container-widget-width:98.325%;--container-widget-flex-grow:0;text-align:start;font-weight:600;color:#9AA5B1;}.elementor-1813 .elementor-element.elementor-element-c10b691.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1813 .elementor-element.elementor-element-c10b691 p{margin-block-end:14px;}.elementor-1813 .elementor-element.elementor-element-c10b691 a:hover, .elementor-1813 .elementor-element.elementor-element-c10b691 a:focus{color:#D8BFBF;}.elementor-1813 .elementor-element.elementor-element-7bcc3f9c{--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-1813 .elementor-element.elementor-element-7bcc3f9c:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-7bcc3f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000099;}.elementor-1813 .elementor-element.elementor-element-28bf3dab{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-28bf3dab.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-28bf3dab.elementor-view-framed .elementor-icon, .elementor-1813 .elementor-element.elementor-element-28bf3dab.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-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon{font-size:40px;}.elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-title, .elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-title a{font-weight:600;}.elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1813 .elementor-element.elementor-element-12cc3077{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-12cc3077.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-12cc3077.elementor-view-framed .elementor-icon, .elementor-1813 .elementor-element.elementor-element-12cc3077.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-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon{font-size:40px;}.elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-title, .elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-title a{font-weight:600;}.elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-4c1b99b5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-4c1b99b5.elementor-view-framed .elementor-icon, .elementor-1813 .elementor-element.elementor-element-4c1b99b5.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-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon{font-size:40px;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-title, .elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-title a{font-weight:600;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-wrapper{align-items:start;gap:25px;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-53e9eaaf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-1813 .elementor-element.elementor-element-53e9eaaf.elementor-view-framed .elementor-icon, .elementor-1813 .elementor-element.elementor-element-53e9eaaf.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-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon{font-size:40px;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-title, .elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-title a{font-weight:600;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-description{font-size:13px;color:#FFFFFFA3;}.elementor-1813 .elementor-element.elementor-element-8c3c41e{--display:flex;--margin-top:16px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-1813 .elementor-element.elementor-element-17047bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1813 .elementor-element.elementor-element-17047bc .elementor-heading-title{font-family:"Georgia", Sans-serif;line-height:1px;}.elementor-1813 .elementor-element.elementor-element-76b7aae4 .aspc-results .button{background-color:#0456A2CC !important;}.elementor-1813 .elementor-element.elementor-element-0c8fa89{--display:flex;}.elementor-1813 .elementor-element.elementor-element-6aaef02{--spacer-size:82px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1813 .elementor-element.elementor-element-67076344{--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-1813 .elementor-element.elementor-element-5f98205d:not(.elementor-motion-effects-element-type-background), .elementor-1813 .elementor-element.elementor-element-5f98205d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:contain;}.elementor-1813 .elementor-element.elementor-element-5f98205d{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1813 .elementor-element.elementor-element-1cd4f30{--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-1813 .elementor-element.elementor-element-72f4d9e1 .elementor-heading-title{font-size:40px;}.elementor-1813 .elementor-element.elementor-element-170d094e{--justify-content:center;}.elementor-1813 .elementor-element.elementor-element-7bcc3f9c{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-1813 .elementor-element.elementor-element-67076344{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1813 .elementor-element.elementor-element-7bcc3f9c{--justify-content:center;}.elementor-1813 .elementor-element.elementor-element-28bf3dab{width:100%;max-width:100%;}.elementor-1813 .elementor-element.elementor-element-28bf3dab .elementor-icon-box-wrapper{gap:15px;}.elementor-1813 .elementor-element.elementor-element-12cc3077{width:100%;max-width:100%;}.elementor-1813 .elementor-element.elementor-element-12cc3077 .elementor-icon-box-wrapper{gap:15px;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5{width:100%;max-width:100%;}.elementor-1813 .elementor-element.elementor-element-4c1b99b5 .elementor-icon-box-wrapper{gap:15px;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf{width:100%;max-width:100%;}.elementor-1813 .elementor-element.elementor-element-53e9eaaf .elementor-icon-box-wrapper{gap:15px;}}@media(min-width:768px){.elementor-1813 .elementor-element.elementor-element-5f98205d{--width:96%;}.elementor-1813 .elementor-element.elementor-element-1cd4f30{--width:49.024%;}.elementor-1813 .elementor-element.elementor-element-7bcc3f9c{--content-width:1465px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1813 .elementor-element.elementor-element-1cd4f30{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-72f4d9e1 */.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 heading, class: .elementor-element-17047bc */.services-heading {
  font-family: Georgia, serif;
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
.services-heading .accent {
  position: relative;
  display: inline-block;
}
.services-heading .accent::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 3px;
  background: #33a9e8;
  transform: scaleX(0);
  transform-origin: left;
  animation: drawLine 1s ease forwards 0.4s;
}
@keyframes drawLine {
  to { transform: scaleX(1); }
}/* End custom CSS */
/* Start custom CSS for aspc_product_filters, class: .elementor-element-7782f51e *//* =========================================
   PRODUCT FILTER SIDEBAR
   Elementor Custom CSS
   ========================================= */

.elementor-1813 .elementor-element.elementor-element-7782f51e {
    --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-1813 .elementor-element.elementor-element-7782f51e h1:first-of-type,
.elementor-1813 .elementor-element.elementor-element-7782f51e h2:first-of-type,
.elementor-1813 .elementor-element.elementor-element-7782f51e h3:first-of-type,
.elementor-1813 .elementor-element.elementor-element-7782f51e 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-1813 .elementor-element.elementor-element-7782f51e ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.elementor-1813 .elementor-element.elementor-element-7782f51e li {
    list-style: none;
    margin: 3px 0;
    padding: 0;
}


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

.elementor-1813 .elementor-element.elementor-element-7782f51e li > a,
.elementor-1813 .elementor-element.elementor-element-7782f51e 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-1813 .elementor-element.elementor-element-7782f51e li > a:hover,
.elementor-1813 .elementor-element.elementor-element-7782f51e 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-1813 .elementor-element.elementor-element-7782f51e a.active,
.elementor-1813 .elementor-element.elementor-element-7782f51e button.active,
.elementor-1813 .elementor-element.elementor-element-7782f51e .active > a,
.elementor-1813 .elementor-element.elementor-element-7782f51e .active > button,
.elementor-1813 .elementor-element.elementor-element-7782f51e [aria-current="true"],
.elementor-1813 .elementor-element.elementor-element-7782f51e [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-1813 .elementor-element.elementor-element-7782f51e li ul {
    margin:
        4px 0
        6px 16px;

    padding-left: 14px;

    border-left: 1px solid #DCE4E8;
}


/* CHILD CATEGORY LINKS */

.elementor-1813 .elementor-element.elementor-element-7782f51e li ul li > a,
.elementor-1813 .elementor-element.elementor-element-7782f51e li ul li > button {
    padding: 8px 10px;

    color: #43535F;

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

    border-radius: 7px;
}


/* DEEPER NESTING */

.elementor-1813 .elementor-element.elementor-element-7782f51e li ul ul {
    margin-left: 12px;
    padding-left: 12px;
}


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

.elementor-1813 .elementor-element.elementor-element-7782f51e .count,
.elementor-1813 .elementor-element.elementor-element-7782f51e .product-count,
.elementor-1813 .elementor-element.elementor-element-7782f51e [class*="count"] {
    color: var(--filter-muted);

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


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

.elementor-1813 .elementor-element.elementor-element-7782f51e hr {
    height: 1px;

    margin: 24px 0;

    background: var(--filter-border);

    border: 0;
}


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

.elementor-1813 .elementor-element.elementor-element-7782f51e label {
    color: var(--filter-text);

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

    cursor: pointer;
}


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

.elementor-1813 .elementor-element.elementor-element-7782f51e input[type="checkbox"] {
    width: 17px;
    height: 17px;

    margin-right: 9px;

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

    cursor: pointer;
}





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

.elementor-1813 .elementor-element.elementor-element-7782f51e button[type="reset"],
.elementor-1813 .elementor-element.elementor-element-7782f51e .clear-filters,
.elementor-1813 .elementor-element.elementor-element-7782f51e .reset-filters,
.elementor-1813 .elementor-element.elementor-element-7782f51e [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-1813 .elementor-element.elementor-element-7782f51e button[type="reset"]:hover,
.elementor-1813 .elementor-element.elementor-element-7782f51e .clear-filters:hover,
.elementor-1813 .elementor-element.elementor-element-7782f51e .reset-filters:hover,
.elementor-1813 .elementor-element.elementor-element-7782f51e [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-1813 .elementor-element.elementor-element-7782f51e button[type="reset"]:active,
.elementor-1813 .elementor-element.elementor-element-7782f51e .clear-filters:active,
.elementor-1813 .elementor-element.elementor-element-7782f51e .reset-filters:active,
.elementor-1813 .elementor-element.elementor-element-7782f51e [class*="clear"]:active {
    transform: translateY(0);

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


/* STOP ELEMENTOR CONTAINERS FROM LIFTING / MOVING */

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


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

.elementor-1813 .elementor-element.elementor-element-76b7aae4 .product,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .product:hover,

.elementor-1813 .elementor-element.elementor-element-76b7aae4 li.product,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 li.product:hover,

.elementor-1813 .elementor-element.elementor-element-76b7aae4 .product-card,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .product-card:hover,

.elementor-1813 .elementor-element.elementor-element-76b7aae4 [class*="product-card"],
.elementor-1813 .elementor-element.elementor-element-76b7aae4 [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-1813 .elementor-element.elementor-element-76b7aae4 .add_to_cart_button,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .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-1813 .elementor-element.elementor-element-76b7aae4 .add_to_cart_button:hover,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .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-1813 .elementor-element.elementor-element-76b7aae4 .add_to_cart_button:active,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .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-1813 .elementor-element.elementor-element-76b7aae4 input[type="search"],
.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 input[type="search"]::placeholder,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 input[type="text"]::placeholder {
    color: #91A3AF;

    opacity: 1;

    font-weight: 400;
}


/* SEARCH HOVER */

.elementor-1813 .elementor-element.elementor-element-76b7aae4 input[type="search"]:hover,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 input[type="search"]:focus,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 input[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}


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

.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 select option {
    background-color: #111619;
    color: #ffffff;

    text-transform: capitalize;

    text-align: left;
}


/* SELECTED OPTION */

.elementor-1813 .elementor-element.elementor-element-76b7aae4 select option:checked {
    background-color: #0456A2 !important;
    color: #ffffff !important;
}

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

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

    gap: 8px;

    margin-top: 34px;
}


/* INDIVIDUAL PAGE BUTTONS */
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination a,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination span,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination a,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination span,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 a.page-numbers,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 .pagination a:hover,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination a:hover,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 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-1813 .elementor-element.elementor-element-76b7aae4 .pagination .current,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination .current,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .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-1813 .elementor-element.elementor-element-76b7aae4 .pagination .prev,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination .next,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination .prev,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination .next,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .page-numbers.prev,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .page-numbers.next {
    padding-left: 16px;
    padding-right: 16px;

    background: #111619;

    color: #ffffff !important;

    border-color: #111619 !important;
}


/* PREVIOUS / NEXT HOVER */

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

    border-color: #0456A2 !important;

    color: #ffffff !important;
}


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

.elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination .disabled,
.elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination .disabled {
    opacity: 0.4;

    cursor: not-allowed;

    background: #F4F6F7;

    color: #84939D !important;
}


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

@media (max-width: 767px) {

    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .page-numbers {
        gap: 6px;
    }

    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination a,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .pagination span,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination a,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 .woocommerce-pagination span,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 a.page-numbers,
    .elementor-1813 .elementor-element.elementor-element-76b7aae4 span.page-numbers {
        min-width: 42px;
        height: 42px;

        padding: 0 11px;

        font-size: 14px;
    }
}/* End custom CSS */