/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
html, body{
	max-width:100%;
	overflow-x:hidden;
}
.selectors .heading-title{
  margin: 0;
  color: #fff;
  line-height: 1.1;
  position: relative;
  z-index: 2;
transform: translateY(2px); 
  transition: transform .35s ease, opacity .35s ease;
}
#featuresSlider .fs-head{
	max-width:1240px;
}
#featuresSlider .fs-card:hover .fs-ico img{
	  filter: brightness(0) invert(1);
}
#featuresSlider .fs-card{
	min-height:280px;
	max-width:280px;
	justify-content: center;
}
.download-pdf .elementor-button {
	min-width:245px;
}
#featuresSlider .fs-btn i.fas{
	color: #5F6A72;
}
.book-now-btn a.hfe-menu-item {
    color: #004ebc !important;
    font-size: 14px !important;
	    justify-content: center;
}
li.book-now-btn{
	    background: #fff;
    color: #000000;
    border-radius: 15px;
	    margin-right: 20px;
}
li.call-btn{
	    background: #fff;
    color: #000000;
    border-radius: 15px;
}
.call-btn a.hfe-menu-item {
    color: #004ebc !important;
    font-size: 14px !important;
	    justify-content: center;
}
.service-form .ser-cont {
    display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}
.service-form .ser-cont .service-label{
    max-width: 49%;
    width: 49%;
}
.service-form .ser-cont label textarea{
	font-weight:600 !important;
	margin-bottom:4px;
}
.service-form textarea{
	font-weight:600 !important;
	margin-bottom:4px;
}
.ui-widget-header {
    border: 1px solid #004ebc !important;
    background: #ffffff !important;
    color: #ffffff !important;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #004ebc57 !important;
    background: #ffffff !important;
    font-weight: normal;
    color: #191C1F !important;
}
.ui-widget-content{
	 color: #191C1F !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #004ebc !important;
    background: #004ebc !important;
    font-weight: normal;
    color: #ffffff !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #004ebc78 !important;
    background: #004ebc36 !important;
    color: #191C1F !important;
}
.service-form input[type=submit]{ 
	background: #004ebc;
    text-transform: none;
    color: #fff;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
    padding: 15px 25px;
    min-width: 150px;
	margin-top:20px !important;
}
.service-form input.service-inp, .service-form select {
    border-radius: 12px;
    border: 1px solid #ebebeb;
	background:#fff;
	min-height:54px;
}
.shop-nowbt .elementor-button{
	width:100%;
}
.pozie-icon span+img+span{
		display:none;
	}
.newsletter-div p{
	display:flex;
	margin-bottom:0px;
}
.newsletter-div p input.news-it {
    background: #F2F2F0;
    color: #191C1F;
    border: 1px solid #191c1f38;
	border-radius: 12px;
}
header#masthead.fixed .head-cont {
    background-color: #004ebc;
}
header#masthead.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    animation: slide-down 0.8s;
    z-index: 9999;
    top: 0;
    box-shadow: 0px 5px 30px rgb(72 85 114 / 5%);
    background: #fff;
}
.newsletter-div p .wpcf7-form-control-wrap{
	margin-right: 15px;
}
h1.entry-title{
	display:none;
}
.newsletter-div .wpcf7-spinner{
	display:none;
}
.newsletter-div input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #004ebc;
    text-transform: none;
    color: #fff;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
}
.newsletter-div{
	margin-bottom:0px !important;
}
.selectors .hover-text {
  opacity: 0;
	height:0;
  position: relative;     
  bottom: auto; left: auto;    
  width: 100%;
  padding: 0;
  color: #fff;
  z-index: 2;
  transform: translateY(12px);
  transition: opacity .35s ease, transform .35s ease;
}
.selectors:hover .heading-title{
  transform: translateY(-4px);  
}

.selectors:hover .hover-text {
  opacity: 1;
  transform: translateY(0);
	height:auto;
}

.selectors .elementor-widget{
  z-index: 2;
}
.selectors .heading-title .pozie-icon{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
 /* ---------- knobs ---------- */
  #featuresSlider{
    --gap: 24px;
    --cardW: clamp(240px, 28vw, 320px);
    --radius: 16px;
    --cardBg: #ffffff;
    --cardText: #0d1b2a;
    --hoverBg: #4b5563;      /* grey on hover */
    --hoverText: #ffffff;     /* white on hover */
  }

  /* header */
  #featuresSlider .fs-head{
    display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 30px;
  }
  #featuresSlider .fs-title{ margin:0; line-height:50px; }

  /* arrows */
  #featuresSlider .fs-nav{ display:flex; gap:12px; }
  #featuresSlider .fs-btn{
   width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 999px;
    border: 1px solid #5F6A72;
    background: transparent;
    cursor: pointer;
    display: grid;
    place-items: center;
    font-size: 16px;
    transition: transform .2s, background .2s, border-color .2s;
  }
  #featuresSlider .fs-btn:hover{  background: transparent; 
  }

  /* track */
  #featuresSlider .fs-track{
    display:flex; gap:var(--gap); overflow-x:auto; padding:8px 2px 12px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  #featuresSlider .fs-track::-webkit-scrollbar{ display:none; }
  #featuresSlider .fs-track.no-snap{ scroll-snap-type: none; } /* used during loop jumps */

  /* card */
  #featuresSlider .fs-card{
    flex:0 0 var(--cardW); scroll-snap-align:start;
    background:var(--cardBg); color:var(--cardText);
    border:1px solid rgba(0,0,0,.08); border-radius:var(--radius);
    box-shadow:0 2px 12px rgba(0,0,0,.06);
    padding:22px; display:flex; flex-direction:column; gap:8px;
    transition:transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s;
    outline:none;
	  justify-content: flex-start;
  }

  /* hover/focus ONLY turns grey + white */
  #featuresSlider .fs-card:hover,
  #featuresSlider .fs-card:focus-within{
    background:var(--hoverBg); color:var(--hoverText); border-color:transparent;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .08);
  }

  /* body text */
  #featuresSlider .fs-card p{     transition: opacity .2s;
    font-size: 18px;
    line-height: 24px;
    font-family: "Inter", Sans-serif;
    font-weight: 400; }
  #featuresSlider .fs-card:hover p,
  #featuresSlider .fs-card:focus-within p{ opacity:1; }

  /* icons inherit color (works for inline SVGs too) */
  #featuresSlider .fs-ico{ font-size:22px; line-height:1; margin-top:20px;}
  #featuresSlider .fs-ico,
  #featuresSlider .fs-ico svg,
  #featuresSlider .fs-ico svg *{ color:currentColor; fill:currentColor; stroke:currentColor; }

  #featuresSlider .fs-h{ font-size: 20px;
    font-family: "Inter", Sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 4px;
    color:#191C1F;}

#featuresSlider .fs-card:hover .fs-h{
	color:#fff;
}


@media (max-width:1200px){
	#featuresSlider .fs-head{
		max-width:1000px;
	}
}
  /* responsive */
  @media (max-width:1024px){ #featuresSlider{ --cardW: clamp(230px, 40vw, 280px); } }
  @media (max-width:767px){
    #featuresSlider{ --cardW: 78vw; --gap:16px; }
    #featuresSlider .fs-head{ align-items:flex-start; }
	  .download-pdf .elementor-button{
		  width:100% !important;
	  }
 #featuresSlider .fs-title {
    margin: 0;
    line-height: 32px;
    font-size: 24px;
}
	  header#masthead.fixed .head-cont {
    background-color: #ffffff;
}
#featuresSlider .fs-nav {
    position: absolute;
    bottom: -11%;
    left: 2%;
}
#featuresSlider .fs-head {
        margin-bottom: 12px;
    }
.pozie-icon span+img+span{
		display:none;
	}
.newsletter-div p{
		flex-direction: column;  
}
	  .newsletter-div input.wpcf7-form-control.wpcf7-submit.has-spinner{
		  margin-top:15px;
	  }
	
  }



/* Optional: smooth anchor jumps site-wide */
html { scroll-behavior: smooth; }

/* ===== MOBILE ONLY (touch) ===== */
@media (hover: none){
  .selectors{
    /* animate min-height for smooth open/close */
    overflow: hidden;
    transition: min-height .45s cubic-bezier(.4,0,.2,1);
    height: auto !important;

    /* performance: make the animation smoother on mobile */
    will-change: min-height;
    contain: layout paint;
    transform: translateZ(0);
  }

  /* default: description hidden on mobile */
  .selectors .hover-text{
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: opacity .35s ease, transform .35s ease;
	  height:0;
  }

  /* neutralize sticky :hover on touch */
  .selectors:hover .hover-text{
    opacity: 0 !important;
    transform: translateY(12px) !important;
	 height:0;
  }

  /* heading position defaults (closed) */
  .selectors .heading-title{
    transform: translateY(-10px) !important;
    transition: transform .35s ease;
  }
  .selectors:hover .heading-title{
    transform: translateY(-8px) !important;
  }

  /* OPEN state — placed last so it overrides any :hover on touch */
  .selectors.m-open .hover-text,
  .selectors.m-open:hover .hover-text{
    opacity: 1 !important;
	   height:auto;
    transform: translateY(0) !important;
  }
  .selectors.m-open .heading-title,
  .selectors.m-open:hover .heading-title{
    transform: translateY(-8px) !important;
  }
}
/* 09-09-26 */
.pool-comparison-table {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.districtp p{
	margin-bottom:0px !important;
}
.equipment-list li a {
    display: inline;
}