.elementor-6266 .elementor-element.elementor-element-123b4767{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6266 .elementor-element.elementor-element-123b4767:not(.elementor-motion-effects-element-type-background), .elementor-6266 .elementor-element.elementor-element-123b4767 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.redux.com/wp-content/uploads/2025/07/Education-Resources1.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-6266 .elementor-element.elementor-element-123b4767.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6266 .elementor-element.elementor-element-cbda170{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-6266 .elementor-element.elementor-element-2772e4af{width:100%;max-width:100%;text-align:left;}.elementor-6266 .elementor-element.elementor-element-2772e4af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 27px 0px;}.elementor-6266 .elementor-element.elementor-element-2772e4af.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-6266 .elementor-element.elementor-element-2772e4af .elementor-heading-title{font-family:"League Gothic Regular", Sans-serif;font-size:72px;font-style:italic;line-height:1em;color:var( --e-global-color-158a5a1 );}.elementor-6266 .elementor-element.elementor-element-e071b75{--display:flex;}.elementor-6266 .elementor-element.elementor-element-af90870{--display:flex;}.elementor-6266 .elementor-element.elementor-element-259b5eb{--display:flex;}.elementor-6266 .elementor-element.elementor-element-3a62ac7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6266 .elementor-element.elementor-element-f2e5588{--display:flex;}.elementor-6266 .elementor-element.elementor-element-e543bf4{--display:flex;}@media(min-width:768px){.elementor-6266 .elementor-element.elementor-element-123b4767{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-6266 .elementor-element.elementor-element-123b4767{--width:1220px;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6266 .elementor-element.elementor-element-2772e4af .elementor-heading-title{font-size:70px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6266 .elementor-element.elementor-element-2772e4af{text-align:center;}.elementor-6266 .elementor-element.elementor-element-2772e4af .elementor-heading-title{font-size:70px;}}@media(max-width:767px){.elementor-6266 .elementor-element.elementor-element-123b4767{--padding-top:85px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6266 .elementor-element.elementor-element-2772e4af.elementor-element{--align-self:center;}.elementor-6266 .elementor-element.elementor-element-2772e4af{text-align:center;}.elementor-6266 .elementor-element.elementor-element-2772e4af .elementor-heading-title{font-size:50px;}}/* Start custom CSS *//* Add this at the very top */
:root {
  --primary-blue: #3366CC;
  --primary-blue-hover: #2a55ad;
  --secondary-blue: #429EDF;
  --dark-bg: #25282A;
  --light-gray: #F9FAFB;
  --border-gray: #EEE;
  --white: #fff;
  
  --section-padding-lg: 80px 0;
  --section-padding-md: 60px 0;
  --section-padding-sm: 48px 0;
  
  --border-radius: 8px;
  --border-radius-lg: 14px;
  --transition-default: all 0.25s ease;
}

/* ---------- SECTIONS - Consolidated ---------- */
.section-padding {
  padding: var(--section-padding-lg);
}

#udc-hero {
  background: linear-gradient(135deg, var(--white) 25%, var(--secondary-blue) 85%);
}

#udc-value {
  background: var(--light-gray);
}

#udc-tech {
  background: var(--dark-bg);
  color: var(--white);
  padding: 100px 0;
}

#udc-tech * {
  color: inherit;
}

#udc-cta,
#udc-final {
  color: var(--white);
  text-align: center;
  margin: 0 !important;
}

#udc-cta {
  background: var(--primary-blue);
  padding: var(--section-padding-sm) !important;
}

#udc-final {
  background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
  padding: var(--section-padding-md) !important;
}

/* ---------- IMAGES - Consolidated ---------- */
.responsive-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#udc-hero img { max-width: 65%; }
#udc-value img { max-width: 520px; }

/* ---------- USE-CASE GRID - FIXED ---------- */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.card {
  background: var(--white);
  border: 1px solid var(--border-gray);
  border-radius: var(--border-radius-lg);
  padding: 30px 20px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  
  /* Grid layout for equal heights */
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  min-height: 250px;
}

/* Card hover effects */
.card:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

/* Icon animations on hover */
.card:hover img,
.card:hover svg,
.card:hover .elementor-icon {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

/* Target the icon */
.card img,
.card svg,
.card .elementor-icon {
  margin: 0 auto 20px;
  height: 60px;
  width: auto;
  transition: transform 0.3s ease;
}

/* Target the heading */
.card h3,
.card .elementor-heading-title {
  margin: 0 0 15px 0;
  font-size: 1.25rem;
  min-height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Target the description text */
.card p,
.card .elementor-text-editor {
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* ---------- BUTTONS ---------- */
.elementor-widget-button .elementor-button {
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  min-width: 240px;
  padding: 0.9rem 1.3rem !important;
  transition: var(--transition-default);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Button hover effect */
.elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
  z-index: -1;
}

.elementor-button:hover::before {
  width: 300px;
  height: 300px;
}

/* Primary button */
.elementor-button.udc-btn-primary {
  background: var(--primary-blue) !important;
  color: var(--white) !important;
  border: 0 !important;
}

.elementor-button.udc-btn-primary:hover {
  background: var(--primary-blue-hover) !important;
}

/* Secondary button */
.elementor-button.udc-btn-secondary {
  background: var(--white) !important;
  color: var(--primary-blue) !important;
  border: 2px solid var(--white) !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.elementor-button.udc-btn-secondary:hover {
  color: var(--primary-blue-hover) !important;
  border-color: #e6e6e6 !important;
}

/* ---------- UTILITIES ---------- */
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
  font-weight: 600;
  list-style: none;
  padding: 0;
}

#udc-cta .elementor-widget-wrap,
#udc-final .elementor-widget,
#udc-final .elementor-container {
  max-width: 900px;
  margin: 0 auto !important;
  position: static !important;
}

/* ---------- ELEMENTOR SPECIFIC FIXES ---------- */
.elementor-widget-container .card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: 1fr !important;
}

.elementor-row .elementor-column {
  display: flex;
  flex-direction: column;
}

.elementor-column-wrap,
.elementor-widget-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.elementor-widget {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.elementor-widget-container {
  height: 100%;
}

/* ---------- BACKGROUND TEXTURES ---------- */
#udc-value {
  position: relative;
  background-color: var(--light-gray);
  background-image: 
    radial-gradient(circle at 20% 50%, rgba(66, 158, 223, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(51, 102, 204, 0.05) 0%, transparent 50%);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  :root {
    --section-padding-lg: 56px 0;
  }
  
  .section-padding {
    padding: var(--section-padding-lg);
  }
}

@media (max-width: 768px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .card-grid {
    grid-template-columns: 1fr;
  }
}

/* Better readability */
p {
  line-height: 1.7;
  max-width: 75ch;
  margin: 0 auto;
}

/* Specific overrides */
#udc-value .elementor-icon-list-items .elementor-icon-list-item {
  line-height: 28px;
}
/* ---------- BEYOND DRYERS SECTION ---------- */
#udc-dryers {
  background: var(--light-gray);
}

#udc-dryers .elementor-icon-list-items .elementor-icon-list-item {
  line-height: 28px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'League Gothic Regular';
	font-display: auto;
	src: url('https://www.redux.com/wp-content/uploads/2025/05/LeagueGothic-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */