/* Gypshade: layout, alignment and screen-size fixes. Loaded after the theme stylesheets. */
:root{--transition:all .3s ease}
html{-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
.header-area{overflow:hidden}
.header-area .container-fluid>.row{margin-left:0;margin-right:0}
.navbar-area,.banner-three-area{overflow-x:clip}

/* Sticky header: compact once scrolled */
.navbar-area .main-nav .logo-light,.navbar-area .mobile-nav .logo img{transition:height .3s ease}
.navbar-area.is-sticky .main-nav{padding-top:0;padding-bottom:0}
.navbar-area.is-sticky .main-nav .navbar{padding-top:6px;padding-bottom:6px}
@media (min-width:1200px){.navbar-area.is-sticky .main-nav .logo-light{height:52px;width:auto}}

/* Menu */
.main-nav nav .navbar-nav{align-items:center}
.navbar-area.is-sticky{animation-duration:.35s;box-shadow:0 4px 18px rgba(0,36,52,.12)}
.main-nav nav .navbar-nav>.nav-item{margin-right:32px;padding-right:0}
.main-nav nav .navbar-nav>.nav-item:last-child{margin-right:0}
.main-nav nav .navbar-nav>.nav-cta>.nav-link{background-color:var(--mainColor);color:#fff;padding:11px 24px;border-radius:4px;transition:background-color .3s ease}
.main-nav nav .navbar-nav>.nav-cta>.nav-link:hover,.main-nav nav .navbar-nav>.nav-cta>.nav-link:focus-visible,.main-nav nav .navbar-nav>.nav-cta>.nav-link.active{background-color:var(--headingColor);color:#fff}
@media (min-width:992px) and (max-width:1199.98px){.main-nav nav .navbar-nav>.nav-item{margin-right:20px}.main-nav nav .navbar-nav>.nav-cta>.nav-link{padding:9px 16px}}
.main-nav nav .navbar-nav>.nav-item>.nav-link:has(>i){padding-right:28px}
.main-nav nav .navbar-nav>.nav-item>.nav-link>i{right:0;font-size:20px}

/* Hero */
.banner-three-slider .animated{animation-duration:.8s}
.banner-three-slider .owl-animated-out .banner-three-content{visibility:hidden}
@keyframes gsRise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.active .single-banner-three-item .banner-three-content span,.active .single-banner-three-item .banner-three-content h1,.active .single-banner-three-item .banner-three-content .slide-title,.active .single-banner-three-item .banner-three-content p,.active .single-banner-three-item .banner-three-content .default-btn{animation-name:gsRise;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
.active .single-banner-three-item .banner-three-content span{animation-delay:.15s}
.active .single-banner-three-item .banner-three-content h1,.active .single-banner-three-item .banner-three-content .slide-title{animation-delay:.25s}
.active .single-banner-three-item .banner-three-content p{animation-delay:.35s}
.active .single-banner-three-item .banner-three-content .default-btn{animation-delay:.45s}
.single-banner-three-item::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,250,250,.92) 0%,rgba(247,250,250,.8) 40%,rgba(247,250,250,.55) 62%,rgba(247,250,250,.3) 100%);pointer-events:none}
.single-banner-three-item .container-fluid{position:relative;z-index:1}
.banner-three-content h1,.banner-three-content .slide-title{font-size:clamp(32px,4.2vw,60px);line-height:1.12;text-wrap:balance}
.banner-three-area .banner-three-content p{color:var(--headingColor);font-size:18px;line-height:1.6;max-width:600px}
.banner-three-content span{line-height:1.5}

/* Product cards (home, products, category pages) */
.range-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:40px}
.range-head .section-title{margin-bottom:0;max-width:640px}
.range-head .section-title p{margin-bottom:0}
.range-head .default-btn{flex:0 0 auto}
.single-services-card{display:flex;flex-direction:column;height:calc(100% - 30px);padding:16px 16px 24px}
.single-services-card .services-icon,.single-services-card:hover .services-icon{width:100%;height:auto;aspect-ratio:16/10;line-height:normal;margin-bottom:22px;overflow:hidden;border-radius:4px;background:#f5f5f5}
.single-services-card .services-icon img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.single-services-card:hover .services-icon img{transform:scale(1.04)}
.single-services-card .services-numbertext{display:none}
.single-services-card h3,.single-services-card p,.single-services-card .learn-more{padding:0 8px}
.single-services-card p{flex:1 1 auto}
.single-services-card .learn-more{align-self:flex-start}

/* Product detail */
.single-services-details-content>.product-title{font-size:34px;line-height:1.25;margin:28px 0 14px}
.product-body h2{font-size:22px;line-height:1.4;font-weight:600;margin:0 0 14px}
.product-body h3{font-size:20px;line-height:1.4;margin:26px 0 10px}
.product-body h4{font-size:18px;margin:22px 0 8px}
.product-body ul{margin-bottom:16px}
.services-house-cleaning-card ul li a{padding-right:46px}
.product-enquiry{background:#fff;box-shadow:0 0 30px rgba(0,0,0,.07);border-radius:5px;padding:28px 26px;margin-top:30px}
.product-enquiry .contact-form-content h2{font-size:26px;margin-bottom:20px}

/* Projects band: dark panel covers the whole slider */
.portfolio-area-two{padding-bottom:100px}
.portfolio-area-two::after{height:100%}
.single-portfolio-content .section-title{margin-bottom:0}
.portfolio-area-two .row{align-items:center}
.portfolio-end{margin-bottom:100px}
.portfolio-two-slider .portfolio-image img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* Get started steps */
.how-work-content{text-align:center}
.how-work-content .m-4{margin:0 auto 18px!important}
.how-work-content .m-4 img{width:150px;max-width:60%;height:auto}

/* Page banners */
.page-banner-area{display:flex;align-items:center;min-height:300px;padding-top:56px!important;padding-bottom:56px!important}
.page-banner-area>.container{width:100%}
.page-banner-area .row>.col-lg-6{width:100%;max-width:780px}
.single-page-banner-content{top:0;margin-bottom:0}
.single-page-banner-content h1{font-size:clamp(28px,3.1vw,46px);line-height:1.18;text-wrap:balance;margin-bottom:14px}
.single-page-banner-content ul li{line-height:1.6}

/* reCAPTCHA v3: badge hidden, notice under the button */
.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.recaptcha-note{font-size:13px;line-height:1.5;color:#6b7a80;margin:14px 0 0}

/* Enquiry forms */
.enquiry-form .form-control{background-color:#e7f0f9;border:1px solid transparent;border-radius:3px;padding:13px 16px;font-size:16px;color:var(--headingColor);box-shadow:none;margin:0}
.enquiry-form .form-control::placeholder{color:#5f6f78;opacity:1}
.enquiry-form .form-control:focus{border-color:var(--mainColor);background-color:#fff}
.enquiry-form select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23002434' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.enquiry-form textarea.form-control{resize:vertical;min-height:130px}
.enquiry-form .default-btn{border:0;cursor:pointer}
.enquiry-form .default-btn[disabled]{opacity:.7;cursor:wait}
.consent-note{font-size:14px;line-height:1.55;color:#4d5d65;margin:0 0 10px}
.consent-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;color:var(--headingColor);cursor:pointer;margin:0}
.consent-check input{flex:0 0 18px;width:18px;height:18px;margin-top:2px;accent-color:var(--mainColor);cursor:pointer}
.consent-check a{color:var(--mainColor);text-decoration:underline}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status:empty{display:none}
.form-status{margin-top:14px;padding:12px 16px;border-radius:4px;font-size:15px;line-height:1.5}
.form-status.is-ok{background:#e7f5ec;color:#17643a}
.form-status.is-error{background:#fdecea;color:#a3271c}
.recaptcha-note a{color:inherit;text-decoration:underline}

/* Contact map */
.google-map-area .map{height:auto;border-radius:10px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.07)}
.google-map-area .map .maps{display:block;height:450px;border:0}

/* Gallery */
.single-gallery-img img,.gallery-popup img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Footer */
.footer-area.pt-100{padding-top:70px}
.footer-area.pb-100{padding-bottom:40px}
.single-copyright-content{gap:8px 24px}
.footer-area .footer-widget a,.footer-area .footer-widget li{overflow-wrap:anywhere}
.footer-widget .footer-more{color:#fff;font-weight:500;white-space:nowrap}
.footer-widget .footer-more:hover{color:var(--mainColor)}
@media (max-width:1479.98px){.single-copyright-content{padding-left:84px;padding-right:64px}}

@media (max-width:991.98px){
  .navbar-area.is-sticky{padding-top:32px;padding-bottom:32px}
  .navbar-area.is-sticky .mobile-nav .logo img{height:40px;width:auto}
  .navbar-area.is-sticky .mobile-nav .logo{top:-2px}
  .navbar-area.is-sticky .mean-container a.meanmenu-reveal{top:-21px}
  .mean-container .mean-nav{width:calc(100% + 40px);margin-left:-20px;box-shadow:0 18px 30px rgba(0,36,52,.12)}
  .portfolio-area-two .col-lg-6+.col-lg-6{margin-top:36px}
  .portfolio-area-two{padding-bottom:70px}
}
@media (max-width:767.98px){
  .pt-100{padding-top:64px!important}
  .pb-100{padding-bottom:64px!important}
  .pb-70{padding-bottom:34px!important}
  .footer-area.pt-100{padding-top:48px!important}
  .footer-area.pb-100{padding-bottom:20px!important}
  .container{padding-left:20px;padding-right:20px}
  .single-header-right-list{display:none}
  .single-header-left-content ul{text-align:center}
  .single-banner-three-item{padding-top:56px;padding-bottom:120px}
  .single-banner-three-item .container-fluid{padding-left:20px;padding-right:20px}
  .single-banner-three-item::before{background:linear-gradient(180deg,rgba(247,250,250,.9) 0%,rgba(247,250,250,.8) 60%,rgba(247,250,250,.3) 100%)}
  .banner-three-content h1,.banner-three-content .slide-title{font-size:32px}
  .banner-three-area .banner-three-content p{font-size:16px}
  .banner-three-area .banner-three-shape-1{right:0;max-width:200px}
  .single-banner-three-item .scroll-bar-icon{display:none}
  .range-head{display:block;margin-bottom:28px}
  .range-head .default-btn{margin-top:20px}
  .single-services-card .services-icon,.single-services-card:hover .services-icon{width:100%;height:auto;line-height:normal;margin-bottom:18px}
  .single-services-card{padding:14px 14px 22px}
  .how-work-content{margin-bottom:36px}
  .how-work-content .m-4 img{width:110px}
  .page-banner-area{min-height:180px;padding-top:36px!important;padding-bottom:36px!important}
  .single-page-banner-content h1{font-size:26px}
  .single-services-details-content>.product-title{font-size:26px}
  .product-body h2{font-size:19px}
  .product-body h3{font-size:18px}
  .product-enquiry{padding:22px 18px}
  .google-map-area .map .maps{height:320px}
  .portfolio-end{margin-bottom:64px}
  .single-copyright-content{display:block!important;text-align:center;padding-left:76px;padding-right:56px}
  .single-copyright-content p{margin:4px 0;float:none!important}
}
@media (max-width:575.98px){
  .single-header-left-content ul li{margin-right:12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .single-services-card .services-icon img{transition:none}
  .active .single-banner-three-item .banner-three-content span,.active .single-banner-three-item .banner-three-content h1,.active .single-banner-three-item .banner-three-content .slide-title,.active .single-banner-three-item .banner-three-content p,.active .single-banner-three-item .banner-three-content .default-btn{animation:none}
}
