.elementor-98698 .elementor-element.elementor-element-6dd33dd6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-98698 .elementor-element.elementor-element-4c377d72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-98698 .elementor-element.elementor-element-4c377d72.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-98698 .elementor-element.elementor-element-4c377d72 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:12px;text-decoration:none;word-spacing:0px;text-align:start;}.elementor-98698 .elementor-element.elementor-element-4c377d72 .woocommerce-breadcrumb > a{color:#A1A1A1;}.elementor-98698 .elementor-element.elementor-element-17be67bb{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-98698 .elementor-element.elementor-element-2feb44de{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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-98698 .elementor-element.elementor-element-493c97b4{width:var( --container-widget-width, 500px );max-width:500px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:start;}.elementor-98698 .elementor-element.elementor-element-493c97b4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-98698 .elementor-element.elementor-element-493c97b4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-text );}.elementor-98698 .elementor-element.elementor-element-174b9f02{width:var( --container-widget-width, 500px );max-width:500px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:start;}.elementor-98698 .elementor-element.elementor-element-174b9f02.elementor-element{--align-self:flex-start;}.elementor-98698 .elementor-element.elementor-element-174b9f02 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:21px;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-98698 .elementor-element.elementor-element-60f4993d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-98698 .elementor-element.elementor-element-7c782383{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-98698 .elementor-element.elementor-element-f1ef8ca{--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:0px 0px;--row-gap:0px;--column-gap:0px;--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-98698 .elementor-element.elementor-element-66c719c4{--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:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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-98698 .elementor-element.elementor-element-4c2b1e5f{--grid-columns:7;--grid-row-gap:25px;--grid-column-gap:33px;}.elementor-98698 .elementor-element.elementor-element-4c2b1e5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-98698 .elementor-element.elementor-element-6261810{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-98698 .elementor-element.elementor-element-f0edf40{width:var( --container-widget-width, 500px );max-width:500px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:center;}.elementor-98698 .elementor-element.elementor-element-f0edf40.elementor-element{--align-self:flex-start;}.elementor-98698 .elementor-element.elementor-element-f0edf40 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;line-height:1.4em;color:var( --e-global-color-text );}@media(min-width:481px){.elementor-98698 .elementor-element.elementor-element-6dd33dd6{--content-width:1600px;}.elementor-98698 .elementor-element.elementor-element-17be67bb{--content-width:1600px;}.elementor-98698 .elementor-element.elementor-element-2feb44de{--width:100%;}.elementor-98698 .elementor-element.elementor-element-60f4993d{--content-width:1600px;}.elementor-98698 .elementor-element.elementor-element-6261810{--content-width:1600px;}}@media(max-width:1225px){.elementor-98698 .elementor-element.elementor-element-4c2b1e5f{--grid-columns:2;}}@media(max-width:480px){.elementor-98698 .elementor-element.elementor-element-4c2b1e5f{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-4c2b1e5f *//*
  === Custom Grid Breakpoints ===
  Desktop 1: 1441px - 1715px (6-Col)
  Desktop 2: 1211px - 1440px (5-Col)
  Tablet 1:  861px - 1210px (4-Col)
  Tablet 2:  481px - 860px (3-Col)
  Mobile:    480px and down (2-Col)
*/

/* --- 1. Desktop Wide (6 Columns) --- */
/* 1441px to 1715px (Range: 274px) */
@media (min-width: 1441px) and (max-width: 1715px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: clamp(25px, calc(19.891vw - 261.622px), 79.5px); /* Your value */
    row-gap: 30px; 
  }
}

/* --- 2. Desktop (5 Columns) --- */
/* 1211px to 1440px (Range: 229px) */
@media (min-width: 1211px) and (max-width: 1440px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(23.5px, calc(25.109vw - 280.572px), 81px);
  }
}

/* --- 3. Tablet Wide (4 Columns) --- */
/* 861px to 1210px (Range: 349px) 
   (This is the top half of your Tablet breakpoint)
*/
@media (min-width: 901px) and (max-width: 1210px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(33.333vw - 285.333px), 118px);
  }
}

/* --- 4. Tablet Narrow (3 Columns) --- */
/* 481px to 860px (Range: 379px)
   (This is the bottom half of your Tablet breakpoint)
*/
@media (min-width: 686px) and (max-width: 900px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(50vw - 328px), 122px)
  }
}

/* --- 5. Tablet Narrow (2 Columns) --- */
/* 481px to 685px (Range: 204px) */
@media (min-width: 481px) and (max-width: 685px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px; /* Adjust as needed */
    
    /* SET THE HORIZONTAL GAP (FLUID) */
    column-gap: clamp(23px, calc(100vw - 458px), 227px);
  }
}

/* --- 6. Mobile (2 Columns) --- */
/* 480px and down 
   (This is your Mobile breakpoint)
*/
@media (min-width: 461px) and (max-width: 480px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(5px, calc(94.737vw - 431.737px), 23px);
  }
}

/* --- 7. Mobile Small (1 Column, Centered) --- */
/* 460px and down */
@media (max-width: 460px) {
  .elementor-98698 .elementor-element.elementor-element-4c2b1e5f .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 20px; /* Adjust as needed */
    
    /* Add this line to center the card */
    justify-items: center; 
  }
}/* End custom CSS */