.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-15201 .elementor-element.elementor-element-40c040f4{--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-15201 .elementor-element.elementor-element-2f12dae2{--display:flex;}.elementor-15201 .elementor-element.elementor-element-1bf9f24b{--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-15201 .elementor-element.elementor-element-2d9e8f52 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-43f31b12{--display:flex;}.elementor-15201 .elementor-element.elementor-element-74f43dc7{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-48d82b04 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-6bc1890a{--display:flex;}.elementor-15201 .elementor-element.elementor-element-5a51e621{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-47abc9bb .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-1799e8a5{--display:flex;}.elementor-15201 .elementor-element.elementor-element-2b423dc8{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-13d990b .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-1335503b{--display:flex;}.elementor-15201 .elementor-element.elementor-element-4774a285{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-1d19e359 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-307d87e3{--display:flex;}.elementor-15201 .elementor-element.elementor-element-4f652f7e{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-113dcda9 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-1c56451c{--display:flex;}.elementor-15201 .elementor-element.elementor-element-379e709a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-307265b3 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-15201 .elementor-element.elementor-element-69944eb1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-15201 .elementor-element.elementor-element-69944eb1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#302525;}.elementor-15201 .elementor-element.elementor-element-69944eb1.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-15201 .elementor-element.elementor-element-69944eb1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15201 .elementor-element.elementor-element-69944eb1.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-15201 .elementor-element.elementor-element-1bf9f24b{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-74f43dc7{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-5a51e621{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-2b423dc8{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4774a285{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4f652f7e{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-379e709a{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-15201 .elementor-element.elementor-element-1bf9f24b{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-74f43dc7{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-5a51e621{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-2b423dc8{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4774a285{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4f652f7e{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-379e709a{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-15201 .elementor-element.elementor-element-1bf9f24b{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-74f43dc7{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-5a51e621{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-2b423dc8{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4774a285{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-4f652f7e{--grid-auto-flow:row;}.elementor-15201 .elementor-element.elementor-element-379e709a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15201 .elementor-element.elementor-element-1bf9f24b{--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-15201 .elementor-element.elementor-element-2d9e8f52 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-74f43dc7{--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-15201 .elementor-element.elementor-element-48d82b04 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-5a51e621{--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-15201 .elementor-element.elementor-element-47abc9bb .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-2b423dc8{--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-15201 .elementor-element.elementor-element-13d990b .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-4774a285{--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-15201 .elementor-element.elementor-element-1d19e359 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-4f652f7e{--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-15201 .elementor-element.elementor-element-113dcda9 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-15201 .elementor-element.elementor-element-379e709a{--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-15201 .elementor-element.elementor-element-307265b3 .genix-box{border-radius:4px 4px 4px 4px !important;}}@media(min-width:768px){.elementor-15201 .elementor-element.elementor-element-40c040f4{--content-width:1500px;}}/* Start custom CSS for container, class: .elementor-element-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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-1bf9f24b *//* ==========================================================================
   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-74f43dc7 *//* ==========================================================================
   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-5a51e621 *//* ==========================================================================
   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-2b423dc8 *//* ==========================================================================
   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-4774a285 *//* ==========================================================================
   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-4f652f7e *//* ==========================================================================
   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-379e709a *//* ==========================================================================
   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 */