.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-15199 .elementor-element.elementor-element-4ea1b967{--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-15199 .elementor-element.elementor-element-633be4c7 .genix-box{border-radius:15px 15px 15px 15px !important;}@media(max-width:1366px){.elementor-15199 .elementor-element.elementor-element-4ea1b967{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-15199 .elementor-element.elementor-element-4ea1b967{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-15199 .elementor-element.elementor-element-4ea1b967{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15199 .elementor-element.elementor-element-4ea1b967{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15199 .elementor-element.elementor-element-633be4c7 .genix-box{border-radius:4px 4px 4px 4px !important;}}/* Start custom CSS for container, class: .elementor-element-4ea1b967 *//* ==========================================================================
   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 */