Version: 7.0.1
Theme Name: UAE Fixer
Theme URI: https://www.uaefixer.com/
Author: Perfect Web Group-Themes
*/
 
 
/***************
All custom CSS should be added to > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
 
 
/* CLS stability: reserve existing header/hero space without changing design. */
/* Fluid min-height: scales automatically between mobile and desktop viewports
   (no separate breakpoint needed), so reserved space tracks the real
   slider/banner height on every screen size instead of only matching desktop. */
.home #content > .slider-wrapper:first-child,
.home #content > .slider-wrapper:first-child > .slider,
.home #content > .slider-wrapper:first-child .flickity-viewport,
.home #content > .slider-wrapper:first-child .banner {
  min-height: clamp(320px, 55vw, 600px);
}
 
.header-main {
  min-height: 90px;
}
.header-top {
  min-height: 38px;
}
.header-bottom {
  min-height: 40px;
}
#logo,
#logo a {
  min-height: 90px;
}
 
#callnowbutton,
.joinchat {
  contain: layout paint;
}
 
@media (max-width: 549px) {
  .header-main,
  #logo,
  #logo a {
    min-height: 75px;
  }
  .header-bottom {
    min-height: 35px;
  }
}