.elementor-2070 .elementor-element.elementor-element-74c8edd{--display:flex;--min-height:420px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2070 .elementor-element.elementor-element-74c8edd:not(.elementor-motion-effects-element-type-background), .elementor-2070 .elementor-element.elementor-element-74c8edd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00D0D000;background-image:url("https://diamondgatesupply.com/wp-content/uploads/2025/07/Background_9_upscaled-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2070 .elementor-element.elementor-element-6346990{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2070 .elementor-element.elementor-element-447276a{width:100%;max-width:100%;text-align:center;}.elementor-2070 .elementor-element.elementor-element-447276a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:600;text-transform:capitalize;line-height:74px;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2070 .elementor-element.elementor-element-bcaf013{width:100%;max-width:100%;text-align:center;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;line-height:28px;color:var( --e-global-color-primary );}.elementor-2070 .elementor-element.elementor-element-bcaf013 p{margin-block-end:0px;}.elementor-2070 .elementor-element.elementor-element-bcaf013 a{color:var( --e-global-color-primary );}.elementor-2070 .elementor-element.elementor-element-288561d{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:100px;--padding-bottom:190px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-8711138{--display:flex;--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;--padding-top:71px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2070 .elementor-element.elementor-element-9a84d35{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-9a84d35 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2070 .elementor-element.elementor-element-9a84d35 .e-loop-item > .elementor-section, .elementor-2070 .elementor-element.elementor-element-9a84d35 .e-loop-item > .elementor-section > .elementor-container, .elementor-2070 .elementor-element.elementor-element-9a84d35 .e-loop-item > .e-con, .elementor-2070 .elementor-element.elementor-element-9a84d35 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2070 .elementor-element.elementor-element-2c769a7{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-2c769a7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2070 .elementor-element.elementor-element-2c769a7 .e-loop-item > .elementor-section, .elementor-2070 .elementor-element.elementor-element-2c769a7 .e-loop-item > .elementor-section > .elementor-container, .elementor-2070 .elementor-element.elementor-element-2c769a7 .e-loop-item > .e-con, .elementor-2070 .elementor-element.elementor-element-2c769a7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2070 .elementor-element.elementor-element-433da73{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-433da73 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2070 .elementor-element.elementor-element-433da73 .e-loop-item > .elementor-section, .elementor-2070 .elementor-element.elementor-element-433da73 .e-loop-item > .elementor-section > .elementor-container, .elementor-2070 .elementor-element.elementor-element-433da73 .e-loop-item > .e-con, .elementor-2070 .elementor-element.elementor-element-433da73 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2070 .elementor-element.elementor-element-7c1edbe{--grid-columns:2;--grid-row-gap:64px;--grid-column-gap:40px;}.elementor-2070 .elementor-element.elementor-element-7c1edbe .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2070 .elementor-element.elementor-element-7c1edbe .e-loop-item > .elementor-section, .elementor-2070 .elementor-element.elementor-element-7c1edbe .e-loop-item > .elementor-section > .elementor-container, .elementor-2070 .elementor-element.elementor-element-7c1edbe .e-loop-item > .e-con, .elementor-2070 .elementor-element.elementor-element-7c1edbe .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2070 .elementor-element.elementor-element-6165b19{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-141522a{--display:flex;--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:41px;--padding-bottom:41px;--padding-left:29px;--padding-right:29px;}.elementor-2070 .elementor-element.elementor-element-b732fb0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:40px;--padding-bottom:040px;--padding-left:20px;--padding-right:20px;}.elementor-2070 .elementor-element.elementor-element-5e7123f{--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-5e7123f.e-con{--align-self:center;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2070 .elementor-element.elementor-element-4540c75 .e-search-submit{background-color:#00D0D0;}.elementor-2070 .elementor-element.elementor-element-4540c75 .e-search-results-container{background-color:var( --e-global-color-primary );}.elementor-2070 .elementor-element.elementor-element-4540c75{width:100%;max-width:100%;--e-search-results-columns:1;--e-search-input-color:#35353566;--e-search-input-padding-block-start:15px;--e-search-input-padding-inline-start:9px;--e-search-input-padding-block-end:15px;--e-search-input-padding-inline-end:0px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:0px;--e-search-icon-submit-size:17px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:#00D0D0;--e-search-submit-border-radius:0px 05px 05px 0px;--e-search-submit-padding:10px 20px 10px 20px;--e-search-results-border-radius:5px 5px 5px 5px;--e-search-results-padding:10px 10px 10px 10px;--e-search-input-and-results-gap:20px;--e-search-results-column-gap:15px;--e-search-results-row-gap:15px;}.elementor-2070 .elementor-element.elementor-element-4540c75 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2070 .elementor-element.elementor-element-4540c75 .e-search-input{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:19.5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;border-radius:05px 0px 0px 05px;}.elementor-2070 .elementor-element.elementor-element-4540c75 .e-search-results-container > div{box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.10196078431372549);}.elementor-2070 .elementor-element.elementor-element-e0553bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-e0553bf.e-con{--align-self:center;}.elementor-2070 .elementor-element.elementor-element-75b8b7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-c47726c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:32.5px;color:var( --e-global-color-secondary );}.elementor-2070 .elementor-element.elementor-element-fe9fae0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-4002f4d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-4002f4d.e-con{--align-self:center;}.elementor-2070 .elementor-element.elementor-element-e37546e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-cb3112d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:32.5px;color:var( --e-global-color-secondary );}.elementor-2070 .elementor-element.elementor-element-8c54b34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-587ad43{--e-filter-direction:column;--e-filter-white-space:initial;width:100%;max-width:100%;--e-filter-align-items:center;--e-filter-item-width:100%;--e-filter-item-max-width:100%;--e-filter-item-flex-grow:1;--e-filter-item-box-sizing:border-box;--e-filter-item-align-text:start;--e-filter-item-justify-content:flex-start;--e-filter-item-align-items:flex-start;--e-filter-space-between:10px;--e-filter-normal-text-color:#353535CC;--e-filter-item-border-radius:5px 5px 5px 5px;}.elementor-2070 .elementor-element.elementor-element-587ad43 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2070 .elementor-element.elementor-element-587ad43 .e-filter-item{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;line-height:28px;padding:15px 147px 15px 20px;}.elementor-2070 .elementor-element.elementor-element-587ad43 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}.elementor-2070 .elementor-element.elementor-element-587ad43 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}.elementor-2070 .elementor-element.elementor-element-587ad43 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}.elementor-2070 .elementor-element.elementor-element-66c1e10{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-66c1e10.e-con{--align-self:center;}.elementor-2070 .elementor-element.elementor-element-dd47653{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-30ef6b1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:32.5px;color:var( --e-global-color-secondary );}.elementor-2070 .elementor-element.elementor-element-9454f0f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-b1398a2{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:initial;--e-filter-item-width:100%;--e-filter-item-flex-grow:1;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:100%;max-width:100%;--e-filter-space-between:10px;--e-filter-normal-text-color:#353535CC;--e-filter-item-border-radius:5px 5px 5px 5px;}.elementor-2070 .elementor-element.elementor-element-b1398a2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2070 .elementor-element.elementor-element-b1398a2 .e-filter-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;line-height:28px;padding:14px 17px 14px 17px;}.elementor-2070 .elementor-element.elementor-element-b1398a2 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}.elementor-2070 .elementor-element.elementor-element-b1398a2 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}.elementor-2070 .elementor-element.elementor-element-b1398a2 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E1E1;}@media(max-width:1024px){.elementor-2070 .elementor-element.elementor-element-74c8edd{--min-height:380px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2070 .elementor-element.elementor-element-288561d{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-2070 .elementor-element.elementor-element-9a84d35{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-2c769a7{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-433da73{--grid-columns:2;}.elementor-2070 .elementor-element.elementor-element-7c1edbe{--grid-columns:2;--grid-row-gap:40px;--grid-column-gap:20px;}.elementor-2070 .elementor-element.elementor-element-141522a{--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2070 .elementor-element.elementor-element-b732fb0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-4540c75{width:100%;max-width:100%;--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-submit-padding:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-2070 .elementor-element.elementor-element-74c8edd{--min-height:300px;}.elementor-2070 .elementor-element.elementor-element-447276a .elementor-heading-title{font-size:30px;line-height:46px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2070 .elementor-element.elementor-element-bcaf013{font-size:16px;line-height:24px;}.elementor-2070 .elementor-element.elementor-element-9a84d35{--grid-columns:1;}.elementor-2070 .elementor-element.elementor-element-2c769a7{--grid-columns:1;}.elementor-2070 .elementor-element.elementor-element-433da73{--grid-columns:1;}.elementor-2070 .elementor-element.elementor-element-7c1edbe{--grid-columns:1;}.elementor-2070 .elementor-element.elementor-element-b732fb0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2070 .elementor-element.elementor-element-b732fb0.e-con{--order:-99999 /* order start hack */;}.elementor-2070 .elementor-element.elementor-element-5e7123f{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2070 .elementor-element.elementor-element-5e7123f.e-con{--align-self:center;}.elementor-2070 .elementor-element.elementor-element-4540c75{width:100%;max-width:100%;--e-search-input-padding-block-start:15px;--e-search-input-padding-inline-start:18px;--e-search-input-padding-block-end:15px;--e-search-input-padding-inline-end:0px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:14px;--e-search-icon-submit-size:14px;--e-search-submit-icon-gap:0px;--e-search-submit-padding:0px 20px 0px 20px;}.elementor-2070 .elementor-element.elementor-element-4540c75 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2070 .elementor-element.elementor-element-4540c75.elementor-element{--align-self:stretch;}.elementor-2070 .elementor-element.elementor-element-4540c75 .e-search-input{font-size:14px;}}@media(min-width:768px){.elementor-2070 .elementor-element.elementor-element-8711138{--width:65%;}.elementor-2070 .elementor-element.elementor-element-6165b19{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2070 .elementor-element.elementor-element-b732fb0{--width:100%;}.elementor-2070 .elementor-element.elementor-element-75b8b7a{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-bcaf013 */.elementor-2070 .elementor-element.elementor-element-bcaf013 span{
    color:#00D0D0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4461db8 */.product-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-bottom: 30px;
  font-family: 'Segoe UI', sans-serif;
}

.product-count span {
  font-size: 14px;
  color: #2a2a2a;
}

.product-sort-view {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-sort-view label {
  font-size: 14px;
  color: #777;
}

.product-sort-view select {
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.view-icons {
  display: flex;
  gap: 6px;
}

.view-icons button {
  padding: 6px 10px;
  border: 1px solid #0071a1;
  background-color: #fff;
  color: #0071a1;
  border-radius: 6px;
  cursor: pointer;
}

.view-icons button.active {
  background-color: #0071a1;
  color: #fff;
}
.woocommerce-ordering {
    margin:0!important;
}
.product-count span {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-style: normal; /* "Regular" should be "normal" */
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-9a84d35 *//* General styles for page numbers */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 0 15px;
    /*margin: 0 5px;*/
    background-color: #F6F6F6;
    color: #353535;
    text-decoration: none;
    border-radius: 5px;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
    border-radius:100%;
    height: 40px;
    width: 40px;
}

/* Hover effect */
.elementor-pagination .page-numbers:hover {
    background-color: #00D0D0;
    color: #fff;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Current page */
.elementor-pagination .page-numbers.current {
    background-color: #00D0D0;
    color: #fff;
    pointer-events: none;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Hide the default "Previous" and "Next" text */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 0; /* Hides text without affecting layout */
    position: relative;
    padding:5px 5px;
   
    background-color: #F6F6F6;
    border-radius: 100%;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
}

/* Add the SVG icon as background */
.elementor-pagination .page-numbers.prev::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-24.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
        margin-bottom: -2px;
}

.elementor-pagination .page-numbers.next::before {
   content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-25.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
    margin-bottom: -2px;
}


/* Hover effect for icons */
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #00D0D0;
}

/* Change icon color on hover (if it's a vector SVG that can change via filter) */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    filter: grayscale(0%) brightness(0) invert(1); /* Turns icon white on hover */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2c769a7 *//* General styles for page numbers */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 0 15px;
    /*margin: 0 5px;*/
    background-color: #F6F6F6;
    color: #353535;
    text-decoration: none;
    border-radius: 5px;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
    border-radius:100%;
    height: 40px;
    width: 40px;
}

/* Hover effect */
.elementor-pagination .page-numbers:hover {
    background-color: #00D0D0;
    color: #fff;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Current page */
.elementor-pagination .page-numbers.current {
    background-color: #00D0D0;
    color: #fff;
    pointer-events: none;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Hide the default "Previous" and "Next" text */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 0; /* Hides text without affecting layout */
    position: relative;
    padding:5px 5px;
   
    background-color: #F6F6F6;
    border-radius: 100%;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
}

/* Add the SVG icon as background */
.elementor-pagination .page-numbers.prev::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-24.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
        margin-bottom: -2px;
}

.elementor-pagination .page-numbers.next::before {
   content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-25.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
    margin-bottom: -2px;
}


/* Hover effect for icons */
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #00D0D0;
}

/* Change icon color on hover (if it's a vector SVG that can change via filter) */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    filter: grayscale(0%) brightness(0) invert(1); /* Turns icon white on hover */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-433da73 *//* General styles for page numbers */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 0 15px;
    /*margin: 0 5px;*/
    background-color: #F6F6F6;
    color: #353535;
    text-decoration: none;
    border-radius: 5px;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
    border-radius:100%;
    height: 40px;
    width: 40px;
}

/* Hover effect */
.elementor-pagination .page-numbers:hover {
    background-color: #00D0D0;
    color: #fff;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Current page */
.elementor-pagination .page-numbers.current {
    background-color: #00D0D0;
    color: #fff;
    pointer-events: none;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Hide the default "Previous" and "Next" text */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 0; /* Hides text without affecting layout */
    position: relative;
    padding:5px 5px;
   
    background-color: #F6F6F6;
    border-radius: 100%;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
}

/* Add the SVG icon as background */
.elementor-pagination .page-numbers.prev::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-24.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
        margin-bottom: -2px;
}

.elementor-pagination .page-numbers.next::before {
   content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-25.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
    margin-bottom: -2px;
}


/* Hover effect for icons */
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #00D0D0;
}

/* Change icon color on hover (if it's a vector SVG that can change via filter) */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    filter: grayscale(0%) brightness(0) invert(1); /* Turns icon white on hover */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7c1edbe *//* General styles for page numbers */
.elementor-pagination .page-numbers {
    display: inline-block;
    padding: 0 15px;
    /*margin: 0 5px;*/
    background-color: #F6F6F6;
    color: #353535;
    text-decoration: none;
    border-radius: 5px;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
    border-radius:100%;
    height: 40px;
    width: 40px;
}

/* Hover effect */
.elementor-pagination .page-numbers:hover {
    background-color: #00D0D0;
    color: #fff;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Current page */
.elementor-pagination .page-numbers.current {
    background-color: #00D0D0;
    color: #fff;
    pointer-events: none;
    box-shadow: 0 5px 15px 0 #ADD4ED;
}

/* Hide the default "Previous" and "Next" text */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 0; /* Hides text without affecting layout */
    position: relative;
    padding:5px 5px;
   
    background-color: #F6F6F6;
    border-radius: 100%;
    /*box-shadow: 0 5px 15px 0 #ADD4ED;*/
    transition: all 0.3s ease;
}

/* Add the SVG icon as background */
.elementor-pagination .page-numbers.prev::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-24.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
        margin-bottom: -2px;
}

.elementor-pagination .page-numbers.next::before {
   content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('https://diamondgatesupply.com/wp-content/uploads/2025/07/Icon-25.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%); /* Optional: grayscale before hover */
    margin-top: 5px;
    margin-right:  1px;
    margin-bottom: -2px;
}


/* Hover effect for icons */
.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    background-color: #00D0D0;
}

/* Change icon color on hover (if it's a vector SVG that can change via filter) */
.elementor-pagination .page-numbers.prev:hover::before,
.elementor-pagination .page-numbers.next:hover::before {
    filter: grayscale(0%) brightness(0) invert(1); /* Turns icon white on hover */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b8c6d14 *//* Slider handles */
.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #00D0D0 !important;
  border: none !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: -6px; /* Adjust vertical alignment */
  cursor: pointer;
}

/* Slider range (selected price area) */
.ui-slider-range.ui-corner-all.ui-widget-header {
  background-color: #00D0D0 !important;
  height: 6px;
  border-radius: 3px;
}

/* Optional: slider track */
.price_slider_wrapper .ui-slider {
  background-color: #e0e0e0; /* Light gray background for contrast */
  height: 6px;
  border-radius: 3px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: white;
    border: 1px solid #00D0D0 !important;
}/* End custom CSS */