.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-10151 .elementor-element.elementor-element-f421f0d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-27bd836c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.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-10151 .elementor-element.elementor-element-4ddbe466{--display:flex;}.elementor-10151 .elementor-element.elementor-element-5dd08ac0{--display:flex;}.elementor-widget-tg-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-10151 .elementor-element.elementor-element-fc11dd0{text-align:center;}.elementor-10151 .elementor-element.elementor-element-12a8b221{text-align:center;}.elementor-10151 .elementor-element.elementor-element-5976c216{--display:flex;}.elementor-10151 .elementor-element.elementor-element-1528960e{--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-10151 .elementor-element.elementor-element-775bed01 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-4e0c2dc{--display:flex;}.elementor-widget-genix-divider .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-genix-divider .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-10151 .elementor-element.elementor-element-96d0035{text-align:center;}.elementor-10151 .elementor-element.elementor-element-40fc7c7{text-align:center;}.elementor-10151 .elementor-element.elementor-element-7e529b8{--display:flex;}.elementor-10151 .elementor-element.elementor-element-7462b78{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-3941f50 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-8548551{--display:flex;}.elementor-10151 .elementor-element.elementor-element-5ce1f1a{text-align:center;}.elementor-10151 .elementor-element.elementor-element-0e8e3cc{text-align:center;}.elementor-10151 .elementor-element.elementor-element-4181ff8{--display:flex;}.elementor-10151 .elementor-element.elementor-element-551d565{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-5341898 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-55b41abe{--display:flex;}.elementor-10151 .elementor-element.elementor-element-62d58c0f{--display:flex;}.elementor-10151 .elementor-element.elementor-element-2630fe88{text-align:center;}.elementor-10151 .elementor-element.elementor-element-cfc9515{text-align:center;}.elementor-10151 .elementor-element.elementor-element-70ee1a3{--display:flex;}.elementor-10151 .elementor-element.elementor-element-2f5e4f9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-2425521 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-49db652{--display:flex;}.elementor-10151 .elementor-element.elementor-element-da151f9{text-align:center;}.elementor-10151 .elementor-element.elementor-element-2d1dc93{text-align:center;}.elementor-10151 .elementor-element.elementor-element-9f8f246{--display:flex;}.elementor-10151 .elementor-element.elementor-element-c2de8a8{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-6ae93f8 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-7962b7c{--display:flex;}.elementor-10151 .elementor-element.elementor-element-1d1d9c9{text-align:center;}.elementor-10151 .elementor-element.elementor-element-a69c2df{text-align:center;}.elementor-10151 .elementor-element.elementor-element-ac3cc00{--display:flex;}.elementor-10151 .elementor-element.elementor-element-1ef0e71{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-6fcc9e3 .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-3e3d133{--display:flex;}.elementor-10151 .elementor-element.elementor-element-e6926d0{text-align:center;}.elementor-10151 .elementor-element.elementor-element-06624f8{text-align:center;}.elementor-10151 .elementor-element.elementor-element-442fbd0{--display:flex;}.elementor-10151 .elementor-element.elementor-element-c1fcd58{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-ff89a3e .genix-box{border-radius:15px 15px 15px 15px !important;}.elementor-10151 .elementor-element.elementor-element-556b4f1{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-10151 .elementor-element.elementor-element-556b4f1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#302525;}.elementor-10151 .elementor-element.elementor-element-556b4f1.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-10151 .elementor-element.elementor-element-556b4f1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-10151 .elementor-element.elementor-element-556b4f1.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(min-width:768px){.elementor-10151 .elementor-element.elementor-element-27bd836c{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-5976c216{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-7e529b8{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-4181ff8{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-70ee1a3{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-9f8f246{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-ac3cc00{--content-width:1500px;}.elementor-10151 .elementor-element.elementor-element-442fbd0{--content-width:1500px;}}@media(max-width:1366px){.elementor-10151 .elementor-element.elementor-element-1528960e{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-7462b78{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-551d565{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-2f5e4f9{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-c2de8a8{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-1ef0e71{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-c1fcd58{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-10151 .elementor-element.elementor-element-1528960e{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-7462b78{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-551d565{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-2f5e4f9{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-c2de8a8{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-1ef0e71{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-c1fcd58{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-10151 .elementor-element.elementor-element-5976c216{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-1528960e{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-7e529b8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-7462b78{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-4181ff8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-551d565{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-70ee1a3{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-2f5e4f9{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-9f8f246{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-c2de8a8{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-ac3cc00{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-1ef0e71{--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-442fbd0{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-10151 .elementor-element.elementor-element-c1fcd58{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10151 .elementor-element.elementor-element-f421f0d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10151 .elementor-element.elementor-element-27bd836c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-10151 .elementor-element.elementor-element-4ddbe466{--padding-top:22px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10151 .elementor-element.elementor-element-1528960e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-775bed01 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-7462b78{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-3941f50 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-551d565{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-5341898 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-2f5e4f9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-2425521 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-c2de8a8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-6ae93f8 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-1ef0e71{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-6fcc9e3 .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-c1fcd58{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10151 .elementor-element.elementor-element-ff89a3e .genix-box{border-radius:4px 4px 4px 4px !important;}.elementor-10151 .elementor-element.elementor-element-556b4f1{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-5976c216 *//* ==========================================================================
   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-7e529b8 *//* ==========================================================================
   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-4181ff8 *//* ==========================================================================
   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-70ee1a3 *//* ==========================================================================
   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-9f8f246 *//* ==========================================================================
   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-ac3cc00 *//* ==========================================================================
   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-442fbd0 *//* ==========================================================================
   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-5976c216 *//* ==========================================================================
   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-7e529b8 *//* ==========================================================================
   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-4181ff8 *//* ==========================================================================
   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-70ee1a3 *//* ==========================================================================
   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-9f8f246 *//* ==========================================================================
   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-ac3cc00 *//* ==========================================================================
   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-442fbd0 *//* ==========================================================================
   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-5976c216 *//* ==========================================================================
   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-7e529b8 *//* ==========================================================================
   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-4181ff8 *//* ==========================================================================
   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-70ee1a3 *//* ==========================================================================
   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-9f8f246 *//* ==========================================================================
   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-ac3cc00 *//* ==========================================================================
   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-442fbd0 *//* ==========================================================================
   Modern Card Grid & Typography Enhancements
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/* Mobile Screens (767px and below) */
@media (max-width: 767px) {
  .card-sizes .title {
    font-size: 1.2rem !important; /* Shrinks title further */
  }
  
  .card-sizes .content p {
    font-size: 0.9rem !important; /* Shrinks description further */
  }
  
  .card-sizes .uc-link span,
  .card-sizes .price-tag {
    font-size: 0.85rem !important; /* Shrinks link and price text further */
  }
  
  .card-sizes .uc-link i {
    font-size: 1rem !important; /* Shrinks the arrow icon */
  }
  
  /* Slightly reduce padding on mobile to give text more breathing room */
  .card-sizes .content {
    padding: 1.25rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-556b4f1 *//* Container for the tab buttons */
.e-n-tabs-heading {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Inactive Tab Buttons */
.e-n-tabs-heading .e-n-tab-title {
  background-color: #f3f4f4 !important;
  color: #1a1a1a !important;
  border: 1px solid #487b61 !important;
  border-radius: 50px !important;
  padding: 12px 24px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover state for Tab Buttons */
.e-n-tabs-heading .e-n-tab-title:hover {
  background-color: #e5e7e7 !important;
}

/* Active Tab Button */
.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
  background-color: #006837 !important;
  color: #ffffff !important;
  border-color: #006837 !important;
}

/* Inner text inside Tab Buttons */
.e-n-tabs-heading .e-n-tab-title-text {
  display: inline-block !important;
  white-space: nowrap !important;
  color: inherit !important;
}/* End custom CSS */