.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-15195 .elementor-element.elementor-element-5632c724{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-nested-tabs .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15195 .elementor-element.elementor-element-2abdaa2b{--display:flex;}.elementor-15195 .elementor-element.elementor-element-57d16c5d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-tg-image-box .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-image-box .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-15195 .elementor-element.elementor-element-2fd46303 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-7536ddf6{--display:flex;}.elementor-15195 .elementor-element.elementor-element-6913d7ca{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-794dccb .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-64708dfa{--display:flex;}.elementor-15195 .elementor-element.elementor-element-417e62c5{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-5b747586 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-1be1fa77{--display:flex;}.elementor-15195 .elementor-element.elementor-element-3608b025{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-49d1dde7 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-25b68ddf{--display:flex;}.elementor-15195 .elementor-element.elementor-element-246f0bc4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-39e9393c .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-5557eecc{--display:flex;}.elementor-15195 .elementor-element.elementor-element-41253981{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-770e71bf .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-6d56666c{--display:flex;}.elementor-15195 .elementor-element.elementor-element-3679a07b{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-4d5b8fb9 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-05b75df{--display:flex;}.elementor-15195 .elementor-element.elementor-element-c256497{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-68da1f3 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-7e44921{--display:flex;}.elementor-15195 .elementor-element.elementor-element-10f2453{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-bd3776e .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15195 .elementor-element.elementor-element-77f636c1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-15195 .elementor-element.elementor-element-77f636c1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#302525;}.elementor-15195 .elementor-element.elementor-element-77f636c1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#395B0B;}.elementor-15195 .elementor-element.elementor-element-77f636c1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15195 .elementor-element.elementor-element-77f636c1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#385116;}@media(max-width:1366px){.elementor-15195 .elementor-element.elementor-element-57d16c5d{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-6913d7ca{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-417e62c5{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3608b025{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-246f0bc4{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-41253981{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3679a07b{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-c256497{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-10f2453{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-15195 .elementor-element.elementor-element-57d16c5d{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-6913d7ca{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-417e62c5{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3608b025{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-246f0bc4{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-41253981{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3679a07b{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-c256497{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-10f2453{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-15195 .elementor-element.elementor-element-57d16c5d{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-6913d7ca{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-417e62c5{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3608b025{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-246f0bc4{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-41253981{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-3679a07b{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-c256497{--grid-auto-flow:row;}.elementor-15195 .elementor-element.elementor-element-10f2453{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15195 .elementor-element.elementor-element-57d16c5d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-2fd46303 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-6913d7ca{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-794dccb .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-417e62c5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-5b747586 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-3608b025{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-49d1dde7 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-246f0bc4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-39e9393c .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-41253981{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-770e71bf .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-3679a07b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-4d5b8fb9 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-c256497{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-68da1f3 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15195 .elementor-element.elementor-element-10f2453{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15195 .elementor-element.elementor-element-bd3776e .genix-box{border-radius:4px 4px 4px 4px !important;}}@media(min-width:768px){.elementor-15195 .elementor-element.elementor-element-5632c724{--content-width:1500px;}}/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57d16c5d *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6913d7ca *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-417e62c5 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3608b025 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-246f0bc4 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41253981 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3679a07b *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c256497 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10f2453 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

/* 1. Grid & Container Alignment */
.card-sizes .elementor-element.elementor-element-868eb94 {
  gap: 1.75rem !important;
}

/* 2. Card Container Styling */
.card-sizes .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.card-sizes .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* 3. Image & Zoom Effects */
.card-sizes .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.card-sizes .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.card-sizes .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}

/* 4. Content Area Layout */
.card-sizes .content {
  padding: 1.5rem !important;
  gap: 1.25rem !important;
}

.card-sizes .title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em;
}

/* 5. Modern Animated Link / Button */
.card-sizes .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.card-sizes .uc-link i {
  transition: transform 0.2s ease !important;
}

.card-sizes .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.card-sizes .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* 6. Dark Mode Adjustments */
@media (prefers-color-scheme: dark) {
  .card-sizes .genix-box {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  
  .card-sizes .title {
    color: #f4f4f5 !important;
  }
  
  .card-sizes .uc-link {
    color: #34d399 !important;
  }
}

/* ==========================================================================
   Responsive Card Sizing & Text Scaling (Class: .card-sizes)
   ========================================================================== */

/* 1. Force All Cards to be the Same Height */
.card-sizes .elementor-widget-tg-image-box {
  height: 100%;
}

.card-sizes .genix-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Allow the content area to expand and push the link to the bottom */
.card-sizes .content {
  flex-grow: 1 !important; 
  display: flex;
  flex-direction: column;
}

/* Force the bottom action row to align at the very bottom of the card */
.card-sizes .uc-link {
  margin-top: auto !important; 
}


/* ==========================================================================
   Responsive Typography (Tablet & Mobile)
   ========================================================================== */

/* Tablet Screens (1024px and below) */
@media (max-width: 1024px) {
  .card-sizes .title {
    font-size: 1.4rem !important; /* Shrinks title */
  }
  
  .card-sizes .content p {
    font-size: 1rem !important; /* Shrinks description */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.95rem !important; /* Shrinks link and price text */
  }
}

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-77f636c1 *//* Force all tab content containers to hide by default unless active */
.e-n-tabs-content > .e-con:not(.e-active) {
    display: none !important;
}/* End custom CSS */