.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-15197 .elementor-element.elementor-element-505cb64c{--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-15197 .elementor-element.elementor-element-105cca34{--display:flex;}.elementor-15197 .elementor-element.elementor-element-349e91f{--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-15197 .elementor-element.elementor-element-2dc26839 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-45e20c20{--display:flex;}.elementor-15197 .elementor-element.elementor-element-7edb85d7{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-49f629de .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-6a18c52a{--display:flex;}.elementor-15197 .elementor-element.elementor-element-4e44667{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-42a60ee7 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-2ee818bb{--display:flex;}.elementor-15197 .elementor-element.elementor-element-20b7141f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-65458ded .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-5ea2ba84{--display:flex;}.elementor-15197 .elementor-element.elementor-element-55b1dd4f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-58ca02db .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-339ad802{--display:flex;}.elementor-15197 .elementor-element.elementor-element-7d1f1531{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-34a84da .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-1a5298a5{--display:flex;}.elementor-15197 .elementor-element.elementor-element-1dcf1093{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-2e7cd109 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15197 .elementor-element.elementor-element-5de6c84{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-15197 .elementor-element.elementor-element-5de6c84 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#302525;}.elementor-15197 .elementor-element.elementor-element-5de6c84.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-15197 .elementor-element.elementor-element-5de6c84.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15197 .elementor-element.elementor-element-5de6c84.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-15197 .elementor-element.elementor-element-349e91f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7edb85d7{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-4e44667{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-20b7141f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-55b1dd4f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7d1f1531{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-1dcf1093{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-15197 .elementor-element.elementor-element-349e91f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7edb85d7{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-4e44667{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-20b7141f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-55b1dd4f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7d1f1531{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-1dcf1093{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-15197 .elementor-element.elementor-element-349e91f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7edb85d7{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-4e44667{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-20b7141f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-55b1dd4f{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-7d1f1531{--grid-auto-flow:row;}.elementor-15197 .elementor-element.elementor-element-1dcf1093{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15197 .elementor-element.elementor-element-349e91f{--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-15197 .elementor-element.elementor-element-2dc26839 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-7edb85d7{--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-15197 .elementor-element.elementor-element-49f629de .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-4e44667{--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-15197 .elementor-element.elementor-element-42a60ee7 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-20b7141f{--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-15197 .elementor-element.elementor-element-65458ded .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-55b1dd4f{--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-15197 .elementor-element.elementor-element-58ca02db .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-7d1f1531{--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-15197 .elementor-element.elementor-element-34a84da .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15197 .elementor-element.elementor-element-1dcf1093{--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-15197 .elementor-element.elementor-element-2e7cd109 .genix-box{border-radius:4px 4px 4px 4px !important;}}@media(min-width:768px){.elementor-15197 .elementor-element.elementor-element-505cb64c{--content-width:1500px;}}/* Start custom CSS for container, class: .elementor-element-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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-349e91f *//* ==========================================================================
   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-7edb85d7 *//* ==========================================================================
   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-4e44667 *//* ==========================================================================
   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-20b7141f *//* ==========================================================================
   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-55b1dd4f *//* ==========================================================================
   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-7d1f1531 *//* ==========================================================================
   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-1dcf1093 *//* ==========================================================================
   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 */