.elementor-18085 .elementor-element.elementor-element-13acabf7{--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:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--align-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18085 .elementor-element.elementor-element-5c0750b4{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-5c0750b4:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-5c0750b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-8fefc58 img{width:100%;border-style:none;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-18085 .elementor-element.elementor-element-36e4a8f0{text-align:center;}.elementor-18085 .elementor-element.elementor-element-36e4a8f0 .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-36e4a8f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-1ef2744a{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-72f53ef8{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-72f53ef8:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-72f53ef8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-2aaf78e3 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-18085 .elementor-element.elementor-element-1bd210f{text-align:center;}.elementor-18085 .elementor-element.elementor-element-1bd210f .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-1bd210f > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-29c3d612{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-70720ac9{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-70720ac9:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-70720ac9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-1fef3a4 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-18085 .elementor-element.elementor-element-5b55e023{text-align:center;}.elementor-18085 .elementor-element.elementor-element-5b55e023 .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-5b55e023 > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-dc6700c{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-2883cda1{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-2883cda1:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-2883cda1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-3242031a img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-18085 .elementor-element.elementor-element-1a72496d{text-align:center;}.elementor-18085 .elementor-element.elementor-element-1a72496d .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-1a72496d > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-7ba13dd2{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-10d00306{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-10d00306:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-10d00306 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-364f1370 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-18085 .elementor-element.elementor-element-32aa56fc{text-align:center;}.elementor-18085 .elementor-element.elementor-element-32aa56fc .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-32aa56fc > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-1bd1fd4e{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-54503289{--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;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-18085 .elementor-element.elementor-element-54503289:not(.elementor-motion-effects-element-type-background), .elementor-18085 .elementor-element.elementor-element-54503289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F8;}.elementor-18085 .elementor-element.elementor-element-3eabb83f img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-18085 .elementor-element.elementor-element-4245bb76{text-align:center;}.elementor-18085 .elementor-element.elementor-element-4245bb76 .elementor-heading-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#111111;}.elementor-18085 .elementor-element.elementor-element-4245bb76 > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-18085 .elementor-element.elementor-element-1120b448{text-align:center;font-size:12px;color:#666666;}.elementor-18085 .elementor-element.elementor-element-230f0d9{--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;}.elementor-18085 .elementor-element.elementor-element-f91375f{--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;}@media(max-width:767px){.elementor-18085 .elementor-element.elementor-element-5c0750b4{--width:48%;}.elementor-18085 .elementor-element.elementor-element-72f53ef8{--width:48%;}.elementor-18085 .elementor-element.elementor-element-70720ac9{--width:48%;}.elementor-18085 .elementor-element.elementor-element-2883cda1{--width:48%;}.elementor-18085 .elementor-element.elementor-element-10d00306{--width:48%;}.elementor-18085 .elementor-element.elementor-element-54503289{--width:48%;}}@media(min-width:768px){.elementor-18085 .elementor-element.elementor-element-13acabf7{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-13acabf7 *//* ============================================
   AM SAFE-X — Category Cards Row Fix
   Paste into: Elementor > Site Settings > Custom CSS
   (or the parent container's own Advanced > Custom CSS
   if you're on Elementor Pro — use ".elementor-18085 .elementor-element.elementor-element-13acabf7" as shown below)
   ============================================ */

/* STEP 1: Give the parent container a CSS ID.
   In your screenshots this is the flexbox container holding all 6 cards.
   Advanced tab > CSS ID > type: amsafex-cat-row               */

#amsafex-cat-row {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px !important;
  align-items: stretch;
}

/* Reset the old flex widths (16.6%) on each child container
   so they fill their grid cell instead of fighting the grid */
#amsafex-cat-row > .e-con {
  width: 100% !important;
  min-width: 0; /* prevents overflow on small cells */
}

/* --- Card styling: make it feel intentional, not default --- */
#amsafex-cat-row > .e-con {
  background: #f8f9fa;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

#amsafex-cat-row > .e-con:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}

#amsafex-cat-row img {
  border-radius: 8px 8px 0 0;
  transition: transform 0.4s ease;
  display: block;
  width: 100%;
  object-fit: cover;
}

#amsafex-cat-row > .e-con:hover img {
  transform: scale(1.06);
}

#amsafex-cat-row h3,
#amsafex-cat-row .elementor-heading-title {
  transition: color 0.25s ease;
}

#amsafex-cat-row > .e-con:hover h3,
#amsafex-cat-row > .e-con:hover .elementor-heading-title {
  color: #2ecc71; /* swap to your brand green if different */
}

/* --- Responsive breakpoints --- */

/* Tablets: 3 per row */
@media (max-width: 1024px) {
  #amsafex-cat-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile: 2 per row, as requested */
@media (max-width: 767px) {
  #amsafex-cat-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px !important;
  }

  #amsafex-cat-row > .e-con:hover {
    transform: none; /* hover lift looks odd on touch devices */
  }
}

/* Very small phones: keep 2 per row but tighten padding */
@media (max-width: 380px) {
  #amsafex-cat-row {
    gap: 8px !important;
  }
}/* End custom CSS */