<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Residential &#8211; Supaglass Industries</title>
	<atom:link href="https://supaglass.com.au/solutions/type/residential/feed/" rel="self" type="application/rss+xml" />
	<link>https://supaglass.com.au</link>
	<description></description>
	<lastBuildDate>Wed, 17 Sep 2025 00:42:16 +0000</lastBuildDate>
	<language>en-AU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://supaglass.com.au/wp-content/themes/supaglass/assets/images/favicon.png</url>
	<title>Residential &#8211; Supaglass Industries</title>
	<link>https://supaglass.com.au</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Astral Fusion</title>
		<link>https://supaglass.com.au/solution/astral-fusion/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 01:01:01 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.com.au/?post_type=solution&#038;p=2477</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Astral Windows</p>
														</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
														<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="">
					<div style="max-width: 220px">
							<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-FUSION.svg 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1200"
	height="434"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			</div>
			</div>
	</figure>
													<p class="rt-paragraph-medium rt-paragraph-grey rt-paragraph-large">ASTRAL Fusion is the perfect blend of natural timber warmth and modern aluminium resilience. Featuring solid timber on the inside and protective aluminium on the outside, it’s a beautiful, high-performance composite system for double or triple glazing applications.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
															<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
											</div>
				</div>
			</div>
								</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fcdad895adfeee1c52d810b44c2c44da53cbd179.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="1920"
	height="1080"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="rt-heading-large-caps">Where Timber Meets Aluminium.</h2>

					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<p class="rt-paragraph-large">Designed for energy-efficient homes and premium architectural builds, ASTRAL Fusion offers timeless interiors, weatherproof exteriors, and maximum design flexibility—without compromise.</p>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="aspect-ratio: 711/818;">
								<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Sliding-Door.mp4' type="video/mp4" />
						</video>
			</div>
	</figure>
					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="h3">Why Choose Astral Fusion?</h2>
<p class="rt-paragraph-large rt-paragraph-gold">Nature and Innovation, Working Together.</p>

								<div class="prose flex flex-col gap-y-4 pt-6">
				<div class="grid grid-cols-2 gap-x-grid-gutter gap-y-10 lg:gap-y-12">
												<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Composite Timber-Aluminium System
							</h3>
																									<div class="prose"><p>Best of both materials.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Natural Thermal Break
							</h3>
																									<div class="prose"><p>Timber core prevents thermal bridging.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Double &#038; Triple Glazing Options
							</h3>
																									<div class="prose"><p>Exceptional energy performance.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Architectural Flexibility
							</h3>
																									<div class="prose"><p>Range of configurations and timber finishes.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Durability Meets Style
							</h3>
																									<div class="prose"><p>Weatherproof aluminium, refined timber inside.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Secure Hardware
							</h3>
																									<div class="prose"><p>Multi-point locking across the range.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Complete System
							</h3>
																									<div class="prose"><p>Includes all window and door types for a cohesive design.</p>
</div>
											</div>
									</div>
	</div>
					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="product-accordions"
		class="py-block overflow-hidden">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-b lg:border-grey-mid">
						<div class="col-span-full lg:col-span-3 pb-6 lg:pb-0 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">Astral Fusion Products</h2>
			</div>
						<div class="col-span-full lg:col-span-9">
								<div data-accordion data-accordion-singular>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								open
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Fixed Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Drawing
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Beautiful and efficient. ASTRAL Fusion Fixed Windows offer panoramic views with a clean finish. The timber core naturally insulates while the aluminium exterior protects from the elements.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Timber interior, aluminium exterior</li>
<li class="li1">Custom finishes and sizes</li>
<li class="li1">Ideal for modern or traditional spaces</li>
<li class="li1">Double or triple glazed</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Fixed-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Fixed-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0018_Astral-Fusion-Fixed-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Tilt and Turn Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Drawing
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Tilt in for air or turn open for full access. ASTRAL Fusion Tilt and Turn Windows deliver premium function, natural timber warmth, and passive house-level performance.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Dual-function opening</li>
<li class="li1">Timber frame for comfort</li>
<li class="li1">German hardware, multi-point lock</li>
<li class="li1">Triple glazing ready</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-Turn-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-Turn-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-Turn-Window-3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-Turn-Window-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-Turn-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-and-Turn-Window.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0017_Astral-Fusion-Tilt-Turn-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Lift and Slide Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Drawing
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Built for large openings, these doors provide seamless movement and unbeatable insulation. The timber interior adds elegance; the aluminium shell adds resilience.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Lift-slide hardware for effortless operation</li>
<li class="li1">Large panels with uninterrupted views</li>
<li class="li1">Excellent thermal performance</li>
<li class="li1">Custom finishes and glazing options</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-6-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-5-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-4-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Sliding-Door-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0016_Astral-Fusion-Lift-and-Slide-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																												<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Casement Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Drawing
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">ASTRAL Fusion Casement Doors combine elegance and energy performance in a hinged door system perfect for main entries, balconies, and patios.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Timber inside, aluminium outside</li>
<li class="li1">Customisable for any style</li>
<li class="li1">Double or triple glazed</li>
<li class="li1">Multi-point locking and screen-ready</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Casement-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Casement-Door-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Casement-Door.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0015_Astral-Fusion-Casement-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
									</div>
			</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="1">
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter py-block">
	<div class="col-span-full lg:col-span-6 lg:col-start-4 prose prose-large-paragraphs h-full"
		data-alignment="center">
		<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3 class="h4">Let’s Build Smarter, Together</h3>
<p class="rt-heading-medium-caps">We believe quality, performance, and sustainability should be standard—not a luxury. Whether you’re designing for compliance, comfort, or cutting-edge design, Astral gives you the freedom to choose a smarter way to build.</p>

					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Request a quote</span>
</a>
															<a href="https://supaglass.com.au/showroom/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Visit our Canberra Showroom</span>
</a>
															<a href="https://supaglass.com.au/astral"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View the Astral Range</span>
</a>
						</div>
					</div>
	</div>
	</div>
</div>
	</section>


	<section id='section'
	class="scroll-mt-20 lg:scroll-mt-28"
	data-invert-header="false"
	data-block="section"
	data-color="grey">
	<div class="acf-innerblocks-container">
	<section 
		data-block="project-slider"
		class="py-block"
		data-columns="0">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-grey-mid"
			data-project-swiper>
						<div class="col-span-full lg:col-span-3 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">
																Projects
									</h2>
								<div class="hidden lg:flex swiper-nav gap-2.5 pt-8">
					<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
				</div>
			</div>
						<div class="col-span-full lg:col-span-9 py-8">
				<div class="swiper !overflow-visible">
					<div class="swiper-wrapper">
																										<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-20-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-15-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/" class="group/button">Hunter Street, Yarralumla</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
																				<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-07-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1669"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/" class="group/button">La Perouse Street, Red Hill</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>
			</div>
		</div>
	</section>

</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Astral Fusion.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-5_EDIT-Large-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="1280"
	height="854"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							<script>
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
</script>

                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="67013d54a142">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_1" name="ak_js" value="242" />
						<script>
document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img fetchpriority="high" decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='couUOzpg8B4EqgAOJ1l8tBUxta3jyleCKMxn542oUAnW/e3jkiGtTviuIYj8AlGeohl9Z97YNPz8SOV1TfWwBc0+vr5CB6VESOQ7dimxMO5Qufo=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Astral Ultra</title>
		<link>https://supaglass.com.au/solution/astral-ultra/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 01:00:46 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.com.au/?post_type=solution&#038;p=2476</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Astral Windows</p>
														</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
														<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="">
					<div style="max-width: 220px">
							<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA.svg 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1200"
	height="434"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			</div>
			</div>
	</figure>
													<p class="rt-paragraph-medium rt-paragraph-grey rt-paragraph-large">ASTRAL Ultra is our flagship aluminium system, designed for projects that demand uncompromising performance, security, and style. With a 40mm polyamide thermal break and compatibility with double or triple glazing, ASTRAL Ultra delivers exceptional energy efficiency and architectural flexibility.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
															<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
											</div>
				</div>
			</div>
								</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="rt-heading-large-caps">Our Most Advanced Aluminium System.</h2>

					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<p class="rt-paragraph-large">Whether you’re designing a luxury home or high-performance commercial space, this system ensures top-tier thermal performance, structural strength, and premium finishes across every product.</p>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="aspect-ratio: 711/818;">
								<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-2.mp4' type="video/mp4" />
						</video>
			</div>
	</figure>
					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="h3">Why Choose Astral Ultra?</h2>
<p class="rt-paragraph-large rt-paragraph-gold">High-Performance Meets High-End Design.</p>

								<div class="prose flex flex-col gap-y-4 pt-6">
				<div class="grid grid-cols-2 gap-x-grid-gutter gap-y-10 lg:gap-y-12">
												<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								40mm Thermal Break
							</h3>
																									<div class="prose"><p>Maximum insulation and condensation control.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Double &#038; Triple Glazing Options
							</h3>
																									<div class="prose"><p>Customisable for climate and performance needs.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								German Hardware
							</h3>
																									<div class="prose"><p>Smooth operation and long-term reliability.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Multi-Point Locking
							</h3>
																									<div class="prose"><p>Enhanced security across all opening types.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Architectural Styling
							</h3>
																									<div class="prose"><p>Large glass spans, slim frames.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Versatile System
							</h3>
																									<div class="prose"><p>Fixed, sliding, tilt &amp; turn, awning, casement, and lift-slide doors.</p>
</div>
											</div>
									</div>
	</div>
					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="product-accordions"
		class="py-block overflow-hidden">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-b lg:border-grey-mid">
						<div class="col-span-full lg:col-span-3 pb-6 lg:pb-0 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">Astral Ultra Products</h2>
			</div>
						<div class="col-span-full lg:col-span-9">
								<div data-accordion data-accordion-singular>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								open
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Awning Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">ASTRAL Ultra Awning Windows offer discreet ventilation and excellent sealing for wet weather conditions. Ideal for bathrooms and kitchens.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Top-hinged, outward opening</li>
<li class="li1">40mm thermal break</li>
<li class="li1">Secure, energy-efficient design</li>
<li class="li1">German-engineered operation</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-Triple-Glazed-3D.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="960"
	height="960"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Triple-Glazed-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-Double-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Double-Glazed-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-5-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-2-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0000_Astral-Ultra-Awning-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Fixed Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Designed for thermal efficiency and expansive views, ASTRAL Ultra Fixed Windows bring strength, elegance, and insulation together in one system.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Up to triple glazing</li>
<li class="li1">40mm thermal break for top-tier performance</li>
<li class="li1">Large glass sizes with slim visible frames</li>
<li class="li1">Airtight, weather-resistant construction</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-Triple-Glazed-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-Triple-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-Double-Glazed-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-Double-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Fixed-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0002_Astral-Ultra-Fixed-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Tilt and Turn Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">European-inspired and endlessly functional. ASTRAL Ultra Tilt and Turn Windows open inwards in two modes: tilt for secure airflow or swing open for full access.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Dual-function operation</li>
<li class="li1">Triple glazing options</li>
<li class="li1">Superior thermal and acoustic control</li>
<li class="li1">Multi-point locking for maximum security</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-Window-Triple-Glazed-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-Window-Triple-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-Window-Double-Glazed-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-6-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-9-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-14-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-15-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-and-Turn-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-Window-2.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0001_Astral-Ultra-Tilt-Turn-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Ideal for sleek, modern spaces, ASTRAL Ultra Sliding Windows pair easy operation with superior insulation and expansive glass panels.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Smooth, space-saving operation</li>
<li class="li1">Thermal break and triple glazing ready</li>
<li class="li1">Custom sizing and high-security options</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-Triple-Glazed-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-Double-Glazed-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-5-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-8-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-6-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Sliding-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0004_Astral-Ultra-Sliding-Window-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																												<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Maximize light, comfort, and style with ASTRAL Ultra Sliding Doors. These energy-efficient doors glide smoothly and seal tight for year-round comfort.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Large format openings with slim frames</li>
<li class="li1">Up to 24mm thermal break</li>
<li class="li1">Multiple panel configurations</li>
<li class="li1">Engineered for insulation and security</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Lift and Slide Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">The premium choice for large, high-end spaces. Lift and Slide Doors provide near-effortless movement of large glass panels, with high-performance sealing.</p>
<p>Also available in standard sliding configuration.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Lift-assist sliding mechanism</li>
<li class="li1">Airtight and energy-efficient</li>
<li class="li1">Triple glazing ready</li>
<li class="li1">Custom timber/aluminium aesthetic options</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-Triple-Glazed-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-Stacking-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-Stacking-Triple-Glazed-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-2.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0003_Astral-Ultra-Lift-Slide-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																												<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">ASTRAL Ultra Casement Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Astral Ultra Casement Doors combine high-performance engineering with classic hinged-door functionality, offering exceptional energy efficiency, acoustic insulation, and premium security. Ideal for front entries, balcony access, or garden doors, these outward-opening doors feature robust aluminium profiles, a 40mm thermal break, and multi-point locking—delivering the perfect blend of style, strength, and sustainability.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">High-strength aluminium frames with a 40mm polyamide thermal break</li>
<li class="li1">Double or triple glazing options for outstanding thermal and acoustic insulation</li>
<li class="li1">Outward-opening design with smooth, secure operation</li>
<li class="li1">Premium German hardware and multi-point locking system</li>
<li class="li1">Designed for modern and traditional architectural styles</li>
<li class="li1">Compliant with AS2047 and built for Australian conditions</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Heavy-Duty-Casement-Door-with-Threshold-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Heavy-Duty-Casement-Door-No-Sill-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Heavy-Duty-Casement-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-Triple-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-Triple-Glazed-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-Double-Glazed-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-Double-Glazed-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Casement-Door-2.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0005_Astral-Ultra-Casement-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
									</div>
			</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="1">
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter py-block">
	<div class="col-span-full lg:col-span-6 lg:col-start-4 prose prose-large-paragraphs h-full"
		data-alignment="center">
		<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3 class="h4">Let’s Build Smarter, Together</h3>
<p class="rt-heading-medium-caps">We believe quality, performance, and sustainability should be standard—not a luxury. Whether you’re designing for compliance, comfort, or cutting-edge design, Astral gives you the freedom to choose a smarter way to build.</p>

					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Request a quote</span>
</a>
															<a href="https://supaglass.com.au/showroom/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Visit our Canberra Showroom</span>
</a>
															<a href="https://supaglass.com.au/astral"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View the Astral Range</span>
</a>
						</div>
					</div>
	</div>
	</div>
</div>
	</section>


	<section id='section'
	class="scroll-mt-20 lg:scroll-mt-28"
	data-invert-header="false"
	data-block="section"
	data-color="grey">
	<div class="acf-innerblocks-container">
	<section 
		data-block="project-slider"
		class="py-block"
		data-columns="0">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-grey-mid"
			data-project-swiper>
						<div class="col-span-full lg:col-span-3 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">
																Projects
									</h2>
								<div class="hidden lg:flex swiper-nav gap-2.5 pt-8">
					<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
				</div>
			</div>
						<div class="col-span-full lg:col-span-9 py-8">
				<div class="swiper !overflow-visible">
					<div class="swiper-wrapper">
																										<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-20-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-15-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/" class="group/button">Hunter Street, Yarralumla</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
																				<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-07-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1669"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/" class="group/button">La Perouse Street, Red Hill</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>
			</div>
		</div>
	</section>

</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Astral Ultra.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Lift-and-Slide-Door-1-Large-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="1280"
	height="854"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="65e77d278321">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_2" name="ak_js" value="237" />
						<script>
document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='3sEsZaQNrb4PwE2cYdHWtyVvuVy1XtwbIBgADwuuzYhT1ygX9agGmiSVVu5WRH5JYLkyUkfA0GpJB2Xr1vnJchgk/QFWNic6/8xq2FXa/ZiBfTQ=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Astral Plus</title>
		<link>https://supaglass.com.au/solution/astral-plus/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 01:00:30 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.com.au/?post_type=solution&#038;p=2475</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Astral Windows</p>
														</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
														<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="">
					<div style="max-width: 220px">
							<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-PLUS.svg 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1200"
	height="434"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			</div>
			</div>
	</figure>
													<p class="p1 rt-paragraph-large rt-paragraph-grey">ASTRAL Plus delivers all the benefits of thermally broken aluminium with a minimalist architectural look. Designed with a 16mm polyamide thermal break and ultra-slim profiles, it’s the perfect mid-range solution for modern homes and multi-residential developments where energy efficiency and visual appeal are equally important.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
															<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
											</div>
				</div>
			</div>
								</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/43ebd4164aa7b088709b651beb908efc852a2d44.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="3000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="rt-heading-large-caps"><b>THERMAL PERFORMANCE MEETS SLIMLINE DESIGN.</b></h2>

					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<p class="rt-paragraph-large">Enjoy expansive glazing, improved comfort, and reduced energy costs—all with clean lines and durable construction built for Australian conditions.</p>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="aspect-ratio: 711/818;">
								<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window.mp4' type="video/mp4" />
						</video>
			</div>
	</figure>
					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="h3">Why Choose Astral Plus?</h2>
<p class="rt-paragraph-large rt-paragraph-gold">Designed for Views. Engineered for Efficiency.</p>

								<div class="prose flex flex-col gap-y-4 pt-6">
				<div class="grid grid-cols-2 gap-x-grid-gutter gap-y-10 lg:gap-y-12">
												<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Slim Aluminium Profiles
							</h3>
																									<div class="prose"><p>Maximize natural light and modern aesthetics.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Thermal Break Technology
							</h3>
																									<div class="prose"><p>6mm polyamide core for energy efficiency and comfort.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Double-Glazing Standard
							</h3>
																									<div class="prose"><p>Reduces heat loss, drafts, and outside noise.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Custom Finishes &#038; Colours
							</h3>
																									<div class="prose"><p>Choose from a wide range of styles and glass options.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Flyscreen &#038; Security Screen Ready
							</h3>
																							</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Complete Range
							</h3>
																									<div class="prose"><p>Includes sliding, awning, fixed windows and doors</p>
</div>
											</div>
									</div>
	</div>
					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="product-accordions"
		class="py-block overflow-hidden">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-b lg:border-grey-mid">
						<div class="col-span-full lg:col-span-3 pb-6 lg:pb-0 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">Astral Plus Products</h2>
			</div>
						<div class="col-span-full lg:col-span-9">
								<div data-accordion data-accordion-singular>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								open
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Awning Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Built for all seasons, ASTRAL Plus Awning Windows ventilate even during light rain. Their top-hinged operation, insulation, and weatherproof seals make them a standout for energy-conscious homes.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Opens from the bottom, hinged at the top</li>
<li class="li1">Thermal break prevents heat transfer</li>
<li class="li1">Strong weather seals and sleek lines</li>
<li class="li1">Flyscreen and security screen compatible</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Awning-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0007_Astral-Plus-Awning-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Fixed Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Maximize natural light and create a clean, modern finish with ASTRAL Plus Fixed Windows. The slim thermally broken frame and double-glazing deliver both visual impact and high performance.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Slim aluminium profile with 16mm thermal break</li>
<li class="li1">Custom sizing and glass options</li>
<li class="li1">Perfect for feature walls and facades</li>
<li class="li1">Boosts energy ratings and acoustic comfort</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Fixed-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Fixed-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0006_Astral-Plus-Fixed-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">ASTRAL Plus Sliding Windows combine space-saving design with enhanced insulation. A smooth glide system ensures everyday ease of use with a refined look for any room.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Double-glazed and thermally broken</li>
<li class="li1">Slim frames, wider views</li>
<li class="li1">Quiet, low-resistance operation</li>
<li class="li1">Works well in compact or modern spaces</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-PLus-Sliding-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-5-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-6-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-8-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="4498"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-2.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0009_Astral-Plus-Sliding-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																												<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Bring the outdoors in with ease. ASTRAL Plus Sliding Doors feature ultra-slim profiles and high-performance insulation for a clean, modern, and efficient indoor-outdoor connection.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Highlights
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Multi-panel options for wide openings</li>
<li class="li1">16mm thermal break and double glazing</li>
<li class="li1">Smooth sliding action</li>
<li class="li1">Custom colours and screen-ready</li>
</ul>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Door-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Door-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Door.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0008_Astral-Plus-Sliding-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
									</div>
			</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="1">
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter py-block">
	<div class="col-span-full lg:col-span-6 lg:col-start-4 prose prose-large-paragraphs h-full"
		data-alignment="center">
		<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3 class="h4">Let’s Build Smarter, Together</h3>
<p class="rt-heading-medium-caps">We believe quality, performance, and sustainability should be standard—not a luxury. Whether you’re designing for compliance, comfort, or cutting-edge design, Astral gives you the freedom to choose a smarter way to build.</p>

					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Request a quote</span>
</a>
															<a href="https://supaglass.com.au/showroom/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Visit our Canberra Showroom</span>
</a>
															<a href="https://supaglass.com.au/astral"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View the Astral Range</span>
</a>
						</div>
					</div>
	</div>
	</div>
</div>
	</section>


	<section id='section'
	class="scroll-mt-20 lg:scroll-mt-28"
	data-invert-header="false"
	data-block="section"
	data-color="grey">
	<div class="acf-innerblocks-container">
	<section 
		data-block="project-slider"
		class="py-block"
		data-columns="0">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-grey-mid"
			data-project-swiper>
						<div class="col-span-full lg:col-span-3 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">
																Projects
									</h2>
								<div class="hidden lg:flex swiper-nav gap-2.5 pt-8">
					<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
				</div>
			</div>
						<div class="col-span-full lg:col-span-9 py-8">
				<div class="swiper !overflow-visible">
					<div class="swiper-wrapper">
																										<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-20-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-15-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/" class="group/button">Hunter Street, Yarralumla</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
																				<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-07-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1669"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/" class="group/button">La Perouse Street, Red Hill</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>
			</div>
		</div>
	</section>

</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Astral Plus.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Window-1-Large-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="1280"
	height="854"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="97875fadf26f">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_3" name="ak_js" value="248" />
						<script>
document.getElementById( "ak_js_3" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='8Az1Itdrj+G8LOZ0W36HTEbVyqcN2xvrROdWbVzq6IwzMD+RBAqxAne723u/sahUgMvZGwk+spisZL9QKlRyF8dxMFbBgx+J0bmal3wSzj+NHHQ=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Astral Edge</title>
		<link>https://supaglass.com.au/solution/astral-edge/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 15 Sep 2025 01:00:13 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.com.au/?post_type=solution&#038;p=2474</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Astral Windows</p>
														</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
														<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="">
					<div style="max-width: 220px">
							<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/astral_edge_logo_colour.svg 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="218"
	height="72"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			</div>
			</div>
	</figure>
													<p class="rt-paragraph-medium rt-paragraph-grey rt-paragraph-large">ASTRAL Edge is our entry-level commercial-grade window and door system made from durable, non-insulated aluminium. It’s ideal for builders and homeowners who want long-lasting performance and clean modern aesthetics—without breaking the budget.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
															<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
											</div>
				</div>
			</div>
								</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/9b86efd0065f4009fe045c184abd63bdfddbcf47.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="3000"
	height="1611"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="rt-heading-large-caps"><b>Durable.<br />
Affordable.<br />
Uncompromising.</b></h2>

					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<p class="rt-paragraph-large">Whether you&#8217;re working on a new home, a multi-unit development, or a renovation project, ASTRAL Edge offers reliable double-glazed performance with strong, low-maintenance aluminium frames.</p>
<p class="rt-paragraph-large">It&#8217;s a practical, hard-wearing system that performs well in all Australian conditions.</p>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 ">
																																				<div class="col-span-full lg:col-span-6 max-lg:row-start-1    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<figure data-media-embed>
	<div class="relative overflow-hidden"
		style="aspect-ratio: 711/818;">
								<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window.mp4' type="video/mp4" />
						</video>
			</div>
	</figure>
					</div>
	</div>
			</div>
		
					</div>
																																			<div class="col-span-full lg:col-span-6 lg:col-start-7 max-lg:row-start-2    ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-1"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h2 class="h3">Why Choose Astral Edge?</h2>
<p class="rt-paragraph-large rt-paragraph-gold">Lasting performance without the premium price tag.</p>

								<div class="prose flex flex-col gap-y-4 pt-6">
				<div class="grid grid-cols-2 gap-x-grid-gutter gap-y-10 lg:gap-y-12">
												<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Commercial-grade<br />
Aluminium Profiles
							</h3>
																									<div class="prose"><p>Built for strength, structural integrity, and weather resistance.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Affordable Double-Glazing
							</h3>
																									<div class="prose"><p>Excellent thermal and acoustic improvements over single-glazed systems.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Universal Application
							</h3>
																									<div class="prose"><p>Perfect for homes, apartments, and window replacements.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Modern Look
							</h3>
																									<div class="prose"><p>Clean lines for a sharp, architectural finish.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Screen-Ready
							</h3>
																									<div class="prose"><p>Designed to work with standard flyscreens and security screens.</p>
</div>
											</div>
																<div class="col-span-2 lg:col-span-1 flex flex-col gap-y-2">
												<span class="block size-[1.125rem] rounded-full mb-1 bg-black"
							aria-hidden="true"></span>
																			<h3 class="!text-lg !normal-case !font-sans !font-normal !my-0">
								Full Product Range
							</h3>
																									<div class="prose"><p>Available in sliding, awning, and fixed windows, plus hinged and sliding doors.</p>
</div>
											</div>
									</div>
	</div>
					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/wp-content/uploads/2025/09/astral-windows-brochure.pdf"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Download Brochure</span>
</a>
						</div>
					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>


	<section 
		data-block="product-accordions"
		class="py-block overflow-hidden">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-b lg:border-grey-mid">
						<div class="col-span-full lg:col-span-3 pb-6 lg:pb-0 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">Astral Edge Products</h2>
			</div>
						<div class="col-span-full lg:col-span-9">
								<div data-accordion data-accordion-singular>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								open
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Awning Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p>ASTRAL Edge Awning Windows are a stylish and practical choice for year-round ventilation. The top-hinged design allows controlled airflow while maintaining excellent sealing, acoustic insulation, and thermal performance.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Features
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul>
<li>Fixed glazing for clean lines and solid structure</li>
<li>Double-glazed for better insulation</li>
<li>Strong 2mm wall thickness aluminium profiles</li>
<li>Custom sizes, including tall feature panels</li>
</ul>
</div>
																															</div>
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Perfect for
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><p>Feature walls, stairwells, hallways, and modern facades</p>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fc227cc04e3e327640c6a357151ca815b1191aaf-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Awning-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Awning-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Product-Awning-Window.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0011_Astral-Edge-Awning-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Fixed Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Let light in and keep the weather out. ASTRAL Edge Fixed Windows are designed for maximum visibility and durability with minimal maintenance. These non-opening windows provide excellent acoustic performance and energy efficiency.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Key Features
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Fixed glazing for clean lines and solid structure</li>
<li class="li1">Double-glazed for better insulation</li>
<li class="li1">Strong 2mm wall thickness aluminium profiles</li>
<li class="li1">Custom sizes, including tall feature panels</li>
</ul>
</div>
																															</div>
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Perfect for
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><p class="p1">Feature walls, stairwells, hallways, and modern facades</p>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Asral-Edge-Fixed-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0010_Astral-Edge-Fixed-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Windows</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Video
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="4"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Make the most of tight spaces. ASTRAL Edge Sliding Windows offer smooth operation and excellent ventilation while maintaining strong weather resistance and security.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Key Features
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Space-saving sliding functionality</li>
<li class="li1">Double-glazed for comfort and quiet</li>
<li class="li1">High-quality aluminium track system</li>
<li class="li1">Flyscreen and security screen ready</li>
</ul>
</div>
																															</div>
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Great for
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><p class="p1">Apartments, renovations, and rooms with limited space</p>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="4">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0012_Astral-Edge-Sliding-Window-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																						<div class="absolute -left-grid-gutter bottom-0 h-px bg-grey-light w-[200vw]"
									aria-hidden="true"></div>
																					<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Hinged Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Strong, secure, and built to last. ASTRAL Edge Hinged Doors are ideal for entries, internal access points, and outdoor transitions where durability matters.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Key Features
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Available in single or double door formats</li>
<li class="li1">Solid aluminium framing with 2mm thickness</li>
<li class="li1">Energy-efficient double glazing</li>
<li class="li1">Optional security screens available</li>
</ul>
</div>
																															</div>
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Use in
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><p class="p1">Front doors, balconies, and patio access</p>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Hinged-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0014_Astral-Edge-Hinged-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
											<div class="group/accordions relative">
														<div class="absolute -left-grid-gutter inset-y-0 bg-grey-light w-[200vw] group-has-[details[open]]/accordions:opacity-100 opacity-0 transition-opacity duration-300"
								aria-hidden="true"></div>
																												<details class="overflow-hidden group hover [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 relative"
								
								data-product-accordion>
								<summary class="cursor-pointer list-none outline-none focus-visible:outline-none py-6 [&#038;::-webkit-details-marker]:hidden border-grey-mid relative z-10">
									<div class="flex items-center w-full text-base group prose">
																				<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Sliding Doors</h3>
																				<span aria-hidden="true" data-accordion-indicator class="ml-auto">
											



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
										</span>
									</div>
								</summary>
																<div class="py-6 border-t group-last/accordions:border-b-0 border-grey-mid">
									<div class="flex flex-col lg:flex-row gap-y-grid-gutter relative z-10">
										<div class="lg:w-1/2 lg:pr-grid-gutter flex flex-col gap-y-6">
																																		<ul class="flex flex-wrap gap-x-3">
																											<li>
															<button data-product-accordion-trigger="1"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="true">
																3D
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="2"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Photo
															</button>
														</li>
																											<li>
															<button data-product-accordion-trigger="3"
																class="hover:bg-white text-sm rounded-[3.75rem] py-2 px-4 border text-black border-black data-[active='true']:bg-white"
																data-active="false">
																Sill Detail
															</button>
														</li>
																									</ul>
																																	<div class="flex flex-col justify-between gap-y-6 flex-1">
																																					<div class="prose [&#038;_p]:!text-black [&#038;_p]:!text-lg">
														<p class="p1">Seamlessly connect indoor and outdoor living. ASTRAL Edge Sliding Doors offer sleek looks, smooth performance, and excellent insulation at a competitive price.</p>

													</div>
																																																	<div class="flex flex-col gap-y-4">
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Key Features
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><ul class="ul1">
<li class="li1">Easy-slide mechanism with reliable operation</li>
<li class="li1">Available in 2-panel, 4-panel, and custom sizes</li>
<li class="li1">Double-glazed for thermal comfort</li>
<li class="li1">Compatible with security and flyscreens</li>
</ul>
</div>
																															</div>
																													<div class="flex flex-col gap-y-2">
																																																	<h4 class="">
																		Perfect for
																	</h4>
																																																																	<div class="prose [&#038;_*]:!text-black"><p class="p1">Living rooms, dining areas, and outdoor entertaining spaces</p>
</div>
																															</div>
																											</div>
																							</div>
										</div>
																					<div class="lg:w-1/2">
																									<div class="aria-hidden:hidden"
														aria-hidden="false"
														data-product-accordion-target="1">
																													<div class="aspect-square relative">
																<div class="swiper"
																	data-product-swiper>
																																			<div class="absolute top-0 right-0 swiper-arrows flex gap-2.5 z-10 p-6">
																			<div class="swiper-nav-btn swiper-prev rotate-180 !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next !bg-grey-mid !border-grey-mid">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
																		</div>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Door-3D-2-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Door-3D-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="2">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Edge-Sliding-Door-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1908"
	height="4032"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																									<div class="aria-hidden:hidden"
														aria-hidden="true"
														data-product-accordion-target="3">
																													<div class="aspect-square relative">
																<div class="swiper"
																	>
																																		<div class="swiper-wrapper">
																																					<div class="swiper-slide">
																				<div class="w-full h-full relative aspect-square">
																					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/0013_Astral-Edge-Sliding-Door-Sill-Detail-A3-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
																				</div>
																			</div>
																																			</div>
																</div>
															</div>
																											</div>
																							</div>
																			</div>
								</div>
							</details>
						</div>
									</div>
			</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="1">
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter py-block">
	<div class="col-span-full lg:col-span-6 lg:col-start-4 prose prose-large-paragraphs h-full"
		data-alignment="center">
		<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3 class="h4">Let’s Build Smarter, Together</h3>
<p class="rt-heading-medium-caps">We believe quality, performance, and sustainability should be standard—not a luxury. Whether you’re designing for compliance, comfort, or cutting-edge design, Astral gives you the freedom to choose a smarter way to build.</p>

					</div>
			<div class="prose ">
								<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Request a quote</span>
</a>
															<a href="https://supaglass.com.au/showroom/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Visit our Canberra Showroom</span>
</a>
															<a href="https://supaglass.com.au/astral"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View the Astral Range</span>
</a>
						</div>
					</div>
	</div>
	</div>
</div>
	</section>


	<section id='section'
	class="scroll-mt-20 lg:scroll-mt-28"
	data-invert-header="false"
	data-block="section"
	data-color="grey">
	<div class="acf-innerblocks-container">
	<section 
		data-block="project-slider"
		class="py-block"
		data-columns="0">
		<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter lg:border-t lg:border-grey-mid"
			data-project-swiper>
						<div class="col-span-full lg:col-span-3 gap-y-8 lg:py-8 lg:border-r lg:border-grey-mid flex flex-col justify-between h-full">
				<h2 class="h3">
																Projects
									</h2>
								<div class="hidden lg:flex swiper-nav gap-2.5 pt-8">
					<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
				</div>
			</div>
						<div class="col-span-full lg:col-span-9 py-8">
				<div class="swiper !overflow-visible">
					<div class="swiper-wrapper">
																										<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-20-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/">
													<span class="sr-only">Hunter Street, Yarralumla</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-15-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/" class="group/button">Hunter Street, Yarralumla</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/hunter-street-yarralumla/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
																				<div class="swiper-slide !h-auto">
																<div class="grid grid-cols-9 gap-x-grid-gutter gap-y-6 h-full">
																																																																																				<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-6 hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-07-optimised-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1669"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																					<div class="absolute bottom-6 left-6 flex lg:hidden gap-2.5 z-10">
														<div class="swiper-nav-btn swiper-prev rotate-180 ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
<div class="swiper-nav-btn swiper-next ">
	



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.125rem; --height: 1rem; aspect-ratio: 1.125;">
	<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
	<path d="M15.4002 8L1 8" class="stroke-current" stroke-width="1.5" stroke-linecap="square" />
	<path d="M9.94922 1.97461L15.9992 7.9986L9.94922 14.0236"
		class="stroke-current"
		stroke-width="1.5"
		stroke-linecap="square" />
</svg>
</span>
</div>
													</div>
																							</div>
																																																																																														<div class="relative rounded-md overflow-hidden max-lg:aspect-[367/510] lg:h-[35vw] lg:row-start-2 col-span-full lg:col-span-3 hidden lg:block hover:shadow-[0_0_48px_0_rgba(0,0,0,0.25)] transition-shadow duration-500">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/">
													<span class="sr-only">La Perouse Street, Red Hill</span>
													<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-1-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="2500"
	height="1668"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
												</a>
																																			</div>
																																					<div class="col-span-9 lg:row-start-1">
										<div class="flex flex-col lg:flex-row lg:justify-between">
											<h2 class="text-xl lg:pr-4 pr-6">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/" class="group/button">La Perouse Street, Red Hill</a>
											</h2>
																						<div class="hidden lg:block">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
																						<div class="pt-6 lg:pt-0 lg:hidden">
												<a href="https://supaglass.com.au/project/la-perouse-red-hill/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">View project</span>
</a>
											</div>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>
			</div>
		</div>
	</section>

</div>
</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Astral Edge.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Edge-Sliding-Window-1-copy-Large-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="1280"
	height="854"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="ec3e8300561b">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_4" name="ak_js" value="123" />
						<script>
document.getElementById( "ak_js_4" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='c4yz+1fj1Jz8OJFGH2oT1UsNOfxoziEVdVSdlTdCSeQIGiJRYtSwtrHuYP4XyV+5THCOfzmVR9hTZLjr/H5QNJTEv+rLubxE+yIYbbYkMAEzFT0=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Casement Doors</title>
		<link>https://supaglass.com.au/solution/casement-doors/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Thu, 16 Jan 2025 22:21:38 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.swelldev.com.au/?post_type=solution&#038;p=1725</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Casement Doors</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-large">Our casement doors are a premium system designed for effortless functionality and superior performance. Thermally broken frames and sash profiles provide exceptional acoustic performance, thermal insulation, and security.</p>
<p class="rt-paragraph-large">The design combines practicality and elegance, making them an ideal choice for diverse architectural needs.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Casement Door (Single or Double)</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double or Triple Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Siegenia/ASTRAL/Doric</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">German “Technoform” High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass, Retractable or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/hinged-door-single.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="54"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Hinged Door Single</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/hinged-door-single-2-sidelights.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="91"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Hinged Door Single + 2 sidelights</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/hinged-door-single-2-sidelights-1-highlight.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="91"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Hinged Door Single + 2 sidelights + 1 highlight</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-04-optimised-2.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="1667"
	height="2500"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fcdad895adfeee1c52d810b44c2c44da53cbd179-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1920"
	height="1080"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-FUSION-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-fusion/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Fusion<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Timber and Aluminium<br />
in Perfect Harmony.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Timber on the inside. Aluminium on the outside. Fusion delivers Passive House-certified performance and architectural elegance, with natural timber warmth in pine or oak.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Fusion</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Casement Doors.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-Hunter-Street-Yarralumla-04-optimised-2-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="1667"
	height="2500"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="905e186f7c11">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_5" name="ak_js" value="114" />
						<script>
document.getElementById( "ak_js_5" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='NYWQu3jp5hD3GuBbuMqA23aGrC3Vw48Cy33hjx15KTXVlS9TQoj9cYj7nyUUGcpXU4mrVq0aKqHXjXo8P3klc6B2RxBjipShJCuMdl0pOSyJAEg=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lift and Sliding Doors</title>
		<link>https://supaglass.com.au/solution/lift-and-sliding-doors/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Thu, 16 Jan 2025 22:21:15 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.swelldev.com.au/?post_type=solution&#038;p=1724</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Lift and Sliding Doors</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-large">Lift and Slide doors provide exceptional sealing and functionality compared to standard sliding door systems. Their innovative roller design lifts the door panel off the frame for smooth, low-friction sliding, and lowers it upon closing to create a secure weather seal.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Lift and Sliding Doors</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double or Triple Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">ASTRAL / SIEGENIA / GU / ROTO</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">German “Technoform” High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass, Retractable or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/lift-and-slide-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="161"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">2 Panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/lift-and-slide-3-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">3 Panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/lift-and-slide-4-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">4 Panels</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Lift-Slide-Door-5.webp 3000w"
	sizes="auto, (max-width: 3000px) 100vw, 3000px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fcdad895adfeee1c52d810b44c2c44da53cbd179-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1920"
	height="1080"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-FUSION-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-fusion/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Fusion<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Timber and Aluminium<br />
in Perfect Harmony.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Timber on the inside. Aluminium on the outside. Fusion delivers Passive House-certified performance and architectural elegance, with natural timber warmth in pine or oak.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Fusion</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Lift and Sliding Doors.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-08-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="3873"
	height="2583"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="504cc19cdeec">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_6" name="ak_js" value="38" />
						<script>
document.getElementById( "ak_js_6" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='TWUAQ7lOYO2xiLeJYcWmrY2N/FMAClD2jReBddH4ZNqXjDRGuGVLmp2ZRSFlm91+jlECJgHuOiAZk+wkR/Rb9Pp+y6P1kGOOovgAZqkWTkBTxos=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sliding Doors</title>
		<link>https://supaglass.com.au/solution/sliding-doors/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Thu, 16 Jan 2025 22:20:51 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.swelldev.com.au/?post_type=solution&#038;p=1723</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Sliding Doors</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-large">Our Sliding doors are high-performance, slimline systems designed for smooth and effortless operation. Made with thermally broken aluminum profiles and slim vertical stiles, these doors offer excellent value and appeal to homeowners, builders, and architects.</p>
<p class="rt-paragraph-large">They support sash sizes up to 2700mm high x 1300mm wide and come in configurations like single sliding, bi-parting, stacking (including cavity stacking), and can incorporate highlights or awning windows. Perfect for homes, apartments, and townhouses, they seamlessly integrate with other window types and feature thermally broken corner posts, joining posts, and specially designed sub-sill and sub-head systems.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Sliding Door</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Doric/Lockwood/ASTRAL</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass, Retractable or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-windows-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="161"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid"> Sliding Door 2 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-door-3-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Sliding Door 3 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-door-4-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Sliding Door 4 panels</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Plus-Sliding-Door.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/9b86efd0065f4009fe045c184abd63bdfddbcf47-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="1611"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-EDGEFILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-edge/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Edge<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Strength and Simplicity<br />
for Everyday Builds. 
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Our cost-effective, double-glazed aluminium system designed for residential, multi-unit, and budget-conscious projects. Bold, durable, and compliant with AS2047.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Edge</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/43ebd4164aa7b088709b651beb908efc852a2d44-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-PLUS-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-plus/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Plus<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Thermally Broken.<br />
Architecturally Refined.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Sleek 12mm polyamide thermal breaks and slimline profiles create an elegant look with real energy savings. Perfect for homes aiming for 7-star energy ratings without blowing the budget.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Plus</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fcdad895adfeee1c52d810b44c2c44da53cbd179-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1920"
	height="1080"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-FUSION-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-fusion/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Fusion<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Timber and Aluminium<br />
in Perfect Harmony.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Timber on the inside. Aluminium on the outside. Fusion delivers Passive House-certified performance and architectural elegance, with natural timber warmth in pine or oak.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Fusion</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Sliding Doors.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-17-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="3873"
	height="2583"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="d4363a9d1faa">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_7" name="ak_js" value="207" />
						<script>
document.getElementById( "ak_js_7" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='7V3U6L4Vlot9osa/EkarXJOt2+3Qarfwe7o3UqxW6XJqpF34qY1ov5AEDDSzPB1l4LzKjOiGAovOKqdJ918jJaYzVNPK54gdOS6cHXTByUuJMWo=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tilt &#038; Turn Windows</title>
		<link>https://supaglass.com.au/solution/tilt-and-turn-windows/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Thu, 16 Jan 2025 22:20:10 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.swelldev.com.au/?post_type=solution&#038;p=1722</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Tilt &#038; Turn Windows</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-medium">Tilt and turn windows combine simplicity and practicality with versatile functionality. They can swing open like a door or tilt inward for ventilation, offering fresh air without fully opening the window. Popular in Europe, America, and Asia, and gaining traction in Australia, these windows provide superior ventilation and durability with premium German and Australian fittings.</p>
<p class="rt-paragraph-medium">Ideal for both replacements and new builds, tilt and turn windows surpass traditional single-hung, double-hung, and casement designs, making them the perfect choice for modern homes.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Tilt &#038; Turn</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double or Triple Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">SIEGENIA/GU/ROTO/ASTRAL</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/tilt-and-turn-1-panel.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Tilt &#038; Turn 1 panel</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/tilt-and-turn-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="162"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Tilt &#038; Turn 2 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/combo-tilt-and-turn-fixed-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Combo Tilt &#038; Turn + Fixed, 2 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/combo-tilt-and-turn-fixed-3-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="161"
	height="107"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Combo Tilt &#038; Turn + Fixed, 3 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/combo-tilt-and-turn-fixed-4-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="161"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Combo Tilt &#038; Turn + Fixed, 4 panels</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Fusion-Tilt-and-Turn-Window.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/fcdad895adfeee1c52d810b44c2c44da53cbd179-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="1920"
	height="1080"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-FUSION-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-fusion/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Fusion<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Timber and Aluminium<br />
in Perfect Harmony.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Timber on the inside. Aluminium on the outside. Fusion delivers Passive House-certified performance and architectural elegance, with natural timber warmth in pine or oak.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Fusion</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Tilt &amp; Turn Windows.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Tilt-Turn-9-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="5e1ecd3a4b5b">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_8" name="ak_js" value="216" />
						<script>
document.getElementById( "ak_js_8" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='F5IJ5je4Rok9YULYwxkXTaa/ATN5LVr0b9EKl+IdorVVVOv4HCeQLSr8vpyMjY3Fx+zYc1yettlKVmDYY41iZz2tAVtHzaUmuCPLL35xdsXVhmI=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sliding Windows</title>
		<link>https://supaglass.com.au/solution/sliding-windows/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 06 Jan 2025 22:30:56 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.local/?post_type=solution&#038;p=1380</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Sliding Windows</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-large">Sliding windows, featuring one or more movable glass panels, provide a modern and functional twist on a classic design. Supaglass offers an exceptional selection of high-end sliding window options for your project.</p>
<p class="rt-paragraph-large">With their innovative design, sliding windows deliver optimal ventilation, unobstructed views, and a sleek, lasting visual appeal.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Sliding Window</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Doric/Lockwood/ASTRAL</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass, Retractable or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-windows-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="161"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">2 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-door-3-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">3 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/sliding-door-4-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="201"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">4 panels</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/01/Product-Sliding-Window-B.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/9b86efd0065f4009fe045c184abd63bdfddbcf47-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="1611"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-EDGEFILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-edge/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Edge<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Strength and Simplicity<br />
for Everyday Builds. 
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Our cost-effective, double-glazed aluminium system designed for residential, multi-unit, and budget-conscious projects. Bold, durable, and compliant with AS2047.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Edge</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/43ebd4164aa7b088709b651beb908efc852a2d44-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-PLUS-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-plus/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Plus<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Thermally Broken.<br />
Architecturally Refined.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Sleek 12mm polyamide thermal breaks and slimline profiles create an elegant look with real energy savings. Perfect for homes aiming for 7-star energy ratings without blowing the budget.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Plus</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Sliding Windows.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/iStock-1320406993-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="6000"
	height="4000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="48ddd89f8494">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_9" name="ak_js" value="204" />
						<script>
document.getElementById( "ak_js_9" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='9Y3F0Bu58y5to0lsV2tEn+CbE6WATMC43AFRUcuRfZKqrPGqseVYyz6OhxJ8ScmbKdThUTYEQ+/MvGTyBEXxqk2+D9hE2X0Alnalx3VVNF/oarc=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Awning/Casement Windows</title>
		<link>https://supaglass.com.au/solution/awning-casement-windows/</link>
		
		<dc:creator><![CDATA[Swell Design Group]]></dc:creator>
		<pubDate>Mon, 06 Jan 2025 22:30:23 +0000</pubDate>
				<guid isPermaLink="false">https://supaglass.local/?post_type=solution&#038;p=1378</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<section 
	data-block="solution-masthead">
	<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter">
				<div class="col-span-full lg:col-span-6 order-2 lg:order-1">
						<div class="flex flex-col gap-y-8 lg:h-[calc(100vh-5.5rem-2.5rem)]">
								<div class="flex-1"></div>
								<div class="flex flex-col lg:flex-row gap-grid-gutter lg:justify-between">
											<p class="flex-1 h2">Windows</p>
																<h1 class="flex-1 h2">Awning / Casement Windows</h1>
									</div>
								<div class="flex-1 flex items-end">
					<div class="prose prose-text w-full [&#038;_[data-media-embed]]:!pb-6">
													<p class="rt-paragraph-large">Supaglass&#8217; Awning and Casement windows are designed for optimal ventilation and space efficiency, with awning windows opening from the bottom and casement windows opening from the side. These high-performance, thermally broken aluminum windows feature premium Euro-style winders and keyless flip locks for enhanced security, thermal efficiency, and acoustic performance. They support single sash sizes up to 1500mm x 1500mm, can be combined with fixed panels for larger designs, and offer automation for high-level installations.</p>

														<div class="buttons flex flex-row flex-wrap gap-2 pt-2" data-buttons>
												<a href="https://supaglass.com.au/get-an-estimate/"
	class="max-sm:w-full justify-center border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500 !no-underline"
	target="_self"
	data-button>
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Get an estimate</span>
</a>
						</div>
											</div>
				</div>
			</div>
														<div class="prose mt-10 lg:pb-10">
																																																																					<div data-accordion >
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Specifications</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col" data-metadata>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Opening Style</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Open out Awning/Casement</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Profile Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Aluminum with Thermal Break</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Glass Type</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Double or Triple Glazed</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Hardware</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">ASTRAL Euro Winder</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Thermal Break</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">High Performance</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Surface Finishing</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Interpon Powder Coating</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Fly Screen</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">Fibreglass or Stainless steel</span>
		</div>
			<div class="flex flex-col lg:flex-row gap-x-grid-gutter text-lg border-t border-grey-light py-4 last:pb-0">
			<span class="flex-1">Powder Coating Warranty</span>
			<span class="flex-1 text-grey-mid pt-0.5 lg:pt-0">10 or 20 Years</span>
		</div>
	</div>
						
							</div>
		</details>
			<details class="overflow-hidden border-b border-grey-light group hover hover:border-black [&#038;:has(summary:focus-visible)]:ring-2 [&#038;:has(summary:focus-visible)]:ring-current transition-colors duration-300 open:border-black"
			>
			<summary class="cursor-pointer list-none outline-none focus-visible:outline-none pt-10 pb-6 [&#038;::-webkit-details-marker]:hidden">
				<div class="flex items-center w-full text-base group">
										<h3 class="!normal-case !font-normal !font-sans !mb-0 pr-4">Configurations</h3>
										<span aria-hidden="true" data-accordion-indicator class="ml-auto">
						



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1rem; --height: 0.625rem; aspect-ratio: 1.6;">
	<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current">
  <path d="M14.0313 0.574219L8.12491 6.49021L2.21873 0.584036L0.25 2.55276L8.12491 10.4277L16 2.54295L14.0313 0.574219Z" fill="#9C9EA1"/>
</svg></span>
					</span>
				</div>
			</summary>
						<div class="prose pt-4 pb-10">
											<div class="flex flex-col gap-y-6" data-configurations>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/awning-single.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Awning Single</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/awning-double.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="151"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Awning Double</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/awning-single-fixed-2-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Awning Single + Fixed, 2 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/awning-double-fixed-3-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Awning Double + Fixed, 3 panels</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/awning-double-fixed-4-panels.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Awning Double + 2 Fixed, 4 panels</p>
									</div>
					</div>
			<div class="grid grid-cols-6 gap-grid-gutter">
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/window-casement-single.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="81"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Casement Single</p>
									</div>
							<div class="col-span-3 lg:col-span-2 flex flex-col gap-y-3">
																<figure class="[&#038;_img]:h-[6.5rem] [&#038;_img]:w-auto">
									<img class="block w-full object-cover !select-none h-auto"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/window-casement-double.svg 800w"
	sizes="auto, (max-width: 800px) 100vw, 800px"
	width="151"
	height="105"
	alt=""
	style=""
	loading="lazy" />
						</figure>
																					<p class="!text-lg text-grey-mid">Casement Double</p>
									</div>
					</div>
	</div>
						
							</div>
		</details>
	</div>
				</div>
					</div>
							<div class="col-span-full lg:col-span-6 pt-6 lg:pt-0 order-1 lg:order-2">
				<div class="sticky top-header-lg lg:h-[calc(100vh-5.5rem)] lg:pb-10">
											<figure class="relative w-full h-full overflow-hidden">
				<video class="h-full w-full pointer-events-none object-cover opacity-0"
		playsinline
		loop
		muted
		autoplay
		preload="auto"
		style="object-position: center center;"
		data-lazy-video>
															<source data-src='https://supaglass.com.au/wp-content/uploads/2025/09/Astral-Ultra-Awning-Window-1.mp4' type="video/mp4" />
						</video>
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
									</div>
			</div>
			</div>
</section>


	<section 
		data-block="astral-products"
		class="py-block">
		<div class="bg-[#ede8d6] py-16" data-card-fade>
			<div class="container grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-10 lg:gap-y-6">
								<div class="col-span-full">
											<h2 class="h3">Available in the Astral collection</h2>
									</div>
													<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/9b86efd0065f4009fe045c184abd63bdfddbcf47-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="1611"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-EDGEFILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-edge/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Edge<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Strength and Simplicity<br />
for Everyday Builds. 
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Our cost-effective, double-glazed aluminium system designed for residential, multi-unit, and budget-conscious projects. Bold, durable, and compliant with AS2047.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Edge</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/43ebd4164aa7b088709b651beb908efc852a2d44-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-PLUS-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-plus/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Plus<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Thermally Broken.<br />
Architecturally Refined.
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			Sleek 12mm polyamide thermal breaks and slimline profiles create an elegant look with real energy savings. Perfect for homes aiming for 7-star energy ratings without blowing the budget.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Plus</span>
			</span>
		</div>
	</div>
</div>
					</div>
									<div class="col-span-full lg:col-span-3" data-card>
						<div class="flex flex-col group/button gap-y-4 relative cursor-pointer">
				<div class="aspect-[341/450] w-full relative rounded-md overflow-hidden mb-2">
			<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/09/82252f3a94c49d18fc59352889d1aea740dffa49-1600x0-c-default.webp 1600w"
	sizes="auto, (max-width: 1600px) 100vw, 1600px"
	width="3000"
	height="2001"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
						<span class="absolute inset-0 bg-black/80 opacity-0 group-hover/button:opacity-100 transition-opacity duration-500"></span>
										<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.625rem] overflow-hidden transition-[width] will-change-width group-hover/button:w-[11.875rem] duration-500">
					<img decoding="async" src="https://supaglass.com.au/wp-content/uploads/2025/09/Astral-ULTRA-FILL-WHITE.svg"
						alt=""
						class="block w-[11.875rem] max-w-none h-auto" />
				</div>
					</div>
			<h2 class="h4 text-astral-dark">
		<a href="https://supaglass.com.au/solution/astral-ultra/" class="group-hover/button:text-black transition-colors duration-500">
			Astral Ultra<span class="absolute inset-0"></span>
		</a>
	</h2>
				<h3 class="text-lg text-astral-dark group-hover/button:text-black transition-colors duration-500">
			Luxury Performance<br />
Without Compromise
		</h3>
					<p class="text-grey-mid max-w-[50ch] group-hover/button:text-black transition-colors duration-500">
			With a massive 40mm thermal break, support for triple glazing, and German hardware throughout, Ultra is built for those who want the best in efficiency, security, and style.
		</p>
			<div class="flex pt-3">
		<div class="max-sm:w-full justify-center border border-grey-mid group-hover/button:border-black bg-transparent group-hover/button:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] transition-colors duration-500 !no-underline"
			data-button>
			<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
				data-button-svg>
								



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
			</span>
			<span class="font-uppercase uppercase text-base tracking-wide">
				Learn more<span class="sr-only">about Astral Ultra</span>
			</span>
		</div>
	</div>
</div>
					</div>
							</div>
		</div>
	</section>


	<section 
		data-block="columns"
		data-columns="2">
		<div class="container py-block grid grid-cols-6 lg:grid-cols-12 gap-x-grid-gutter gap-y-8 lg:gap-y-12 !py-0 lg:border-t border-grey-mid">
																																									<div class="col-span-full lg:col-span-3 max-lg:row-start-1   lg:border-r border-grey-mid lg:pt-8 lg:pb-24 lg:pr-6 ">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
							<h3>Enquire</h3>

					</div>
	</div>
			</div>
		
					</div>
																																								<div class="col-span-full lg:col-span-9 lg:col-start-4 max-lg:row-start-2    lg:pt-8 pb-block">
										<div class="prose prose-large-paragraphs h-full"
				data-column-layout="layout-4"
				data-column-mobile-first="left">
				<div class="flex flex-col h-full justify-between gap-y-8">
			<div class="prose ">
								<div class="grid grid-cols-4 gap-x-grid-gutter pb-12 last:pb-0">
							<div class="col-span-2 lg:col-span-3 [&#038;_p]:!text-base sm:[&#038;_p]:!text-lg lg:[&#038;_p]:!text-xl max-w-[56ch] self-end lg:self-start prose">
				<p>Enter your details and information about your project to receive pricing information for Awning/Casement Windows.</p>

			</div>
									<div class="col-span-2 lg:col-span-1">
				<div class="rounded-md overflow-hidden">
					<figure class="relative w-full h-full overflow-hidden">
				<img class="block w-full object-cover !select-none h-full"
	src="data:image/gif;base64,R0lGODlhAQABAAAAADs="
	srcset="https://supaglass.com.au/wp-content/uploads/2025/01/iStock-1470269014-1000x0-c-default.webp 1000w"
	sizes="auto, (max-width: 1000px) 100vw, 1000px"
	width="4500"
	height="3000"
	alt=""
	style="object-position: center center;"
	loading="lazy" />
			<div class="absolute inset-0" style="background: #00000000"></div>
	</figure>
				</div>
			</div>
			</div>
					</div>
			<div class="prose ">
							
                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_5' style='display:none'><style>#gform_wrapper_5[data-form-index="0"].gform-theme,[data-parent-form="5_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
                        <div class='gform_heading'>
							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
                        </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_5' id='gform_5'  action='/solutions/type/residential/feed/' data-formid='5' novalidate><input id="gpnf_session_hash_5" type="hidden" name="gpnf_session_hash" value="e040e18d5a83">					<div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_">
						<label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label>
						<input type="hidden" id="ak_js_10" name="ak_js" value="72" />
						<script>
document.getElementById( "ak_js_10" ).setAttribute( "value", ( new Date() ).getTime() );
</script>

					</div>
                        <div class='gform-body gform_body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_5_6" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Contact Details</h3></div><div id="field_5_8" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_8'>First Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_5_8' type='text' value='' class='large'    placeholder='Enter your first name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_13" class="gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_13'>Last Name<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_5_13' type='text' value='' class='large'    placeholder='Enter your last name' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_10" class="gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_10'>Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_10' id='input_5_10' type='email' value='' class='large'   placeholder='Enter your email address' aria-required="true" aria-invalid="false"  />
                        </div></div><div id="field_5_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_9'>Phone<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_5_9' type='text' value='' class='large'    placeholder='Enter your contact phone number' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_11'>Postcode<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_5_11' type='text' value='' class='large'    placeholder='Enter your postcode' aria-required="true" aria-invalid="false"   /></div></div><div id="field_5_7" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Type of Project</h3></div><fieldset id="field_5_1" class="gfield gfield--type-image_choice gfield--type-choice gfield--image-choice-appearance-card gfield--image-choice-style-square gfield--input-type-radio gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Select the type of project<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_container ginput_container_radio ginput_container_image_choice ginput_container_image_choice--label-show ginput_container_image_choice--input-show'><div class="gfield_radio" id="input_5_1"><div class='gchoice gchoice_5_1_0'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 1" id="gchoice_image_5_1_0" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Supaglass-6-186-La-Perouse-St-Red-Hill-09-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Residential'  id='choice_5_1_0' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_0"/>
					<label for='choice_5_1_0' id='label_5_1_0' class='gform-field-label gform-field-label--type-inline'>
						Residential
					</label>
				</span>
				
			</span>
		</div><div class='gchoice gchoice_5_1_1'>
			<span class='gfield-image-choice-wrapper-outer'>
				<div class="gfield-choice-image-wrapper"><img decoding="async" width="400" height="400" src="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg" class="gfield-choice-image" alt="Image for choice number 2" id="gchoice_image_5_1_1" loading="false" srcset="https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-400x400.jpg 400w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-150x150.jpg 150w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-300x300.jpg 300w, https://supaglass.com.au/wp-content/uploads/2025/01/Burgmann-Middle-School-Design-Hub-optimised-600x600.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></div>
				<span class='gfield-image-choice-wrapper-inner'>
					<input class='gfield-choice-input' name='input_1' type='radio' value='Commercial'  id='choice_5_1_1' onchange='gformToggleRadioOther( this )'   aria-describedby="gchoice_image_5_1_1"/>
					<label for='choice_5_1_1' id='label_5_1_1' class='gform-field-label gform-field-label--type-inline'>
						Commercial
					</label>
				</span>
				
			</span>
		</div></div></div></fieldset><div id="field_5_5" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Residential</h3></div><div id="field_5_4" class="gfield gfield--type-form gfield--input-type-form gform-theme__no-reset--children gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_4'>Add your products</label><div class="gpnf-nested-entries-container ginput_container">

	<table class="gpnf-nested-entries">

		<thead>
		<tr>
							<th class="gpnf-field-1">
					Product Type				</th>
							<th class="gpnf-field-3">
					Window Type				</th>
							<th class="gpnf-field-7">
					Width of Unit (mm)				</th>
							<th class="gpnf-field-8">
					Height of Unit (mm)				</th>
							<th class="gpnf-field-9">
					Quantity				</th>
						<th class="gpnf-row-actions"><span class="screen-reader-text">Actions</span></th>
		</tr>
		</thead>

		<tbody data-bind="visible: entries().length, foreach: entries">
		<tr data-bind="attr: { 'data-entryid': id }">
							<td class="gpnf-field"
					data-bind="html: f1.label, attr: { 'data-value': f1.label }"
					data-heading="Product Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f3.label, attr: { 'data-value': f3.label }"
					data-heading="Window Type"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f7.label, attr: { 'data-value': f7.label }"
					data-heading="Width of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f8.label, attr: { 'data-value': f8.label }"
					data-heading="Height of Unit (mm)"
				>&nbsp;</td>
							<td class="gpnf-field"
					data-bind="html: f9.label, attr: { 'data-value': f9.label }"
					data-heading="Quantity"
				>&nbsp;</td>
						<td class="gpnf-row-actions" style="display: none;" data-bind="visible: true">
				<ul>
					<li class="edit"><button type="button" class="edit-button gform-theme-button--secondary" data-bind="click: $parent.editEntry, attr: { 'aria-label': 'Edit Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Edit</button></li>
										<li class="delete"><button type="button" class="delete-button gform-theme-button--simple gform-theme-button--size-md" data-bind="click: $parent.deleteEntry, attr: { 'aria-label': 'Delete Product {0} where Product Type is {1}.'.gformFormat( $index() + 1, f1.label ) }">Delete</button></li>
				</ul>
			</td>
		</tr>
		</tbody>

		<tbody data-bind="visible: entries().length <= 0">
		<tr class="gpnf-no-entries" data-bind="visible: entries().length <= 0" style="display: none;">
			<td colspan="6">
				There are no <span>Products.</span>			</td>
		</tr>
		</tbody>

	</table>

	<button type="button" class="gpnf-add-entry"
		        data-formid="5"
		        data-nestedformid="6"
				data-bind="attr: { disabled: isMaxed }, css: { 'gf-default-disabled': isMaxed }"
				>
				Add Product
			</button>	
			<p class="gpnf-add-entry-max" data-bind="visible: isMaxed" style="display: none;">
				Maximum number of products reached.
			</p>
</div>
<input type="hidden"
                name="input_4"
                id="input_5_4"
                data-bind="value: entryIds"
                value="" /></div><div id="field_5_19" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_19'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_19' id='input_5_19' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_14" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Commercial</h3></div><div id="field_5_18" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_18'>Company</label><div class='ginput_container ginput_container_text'><input name='input_18' id='input_5_18' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_15" class="gfield gfield--type-text gfield--input-type-text gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_15'>Project</label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_5_15' type='text' value='' class='large'      aria-invalid="false"   /></div></div><div id="field_5_16" class="gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_5_16'>Comments</label><div class='ginput_container ginput_container_textarea'><textarea name='input_16' id='input_5_16' class='textarea large'      aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_5_17" class="gfield gfield--type-fileupload gfield--input-type-fileupload gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='gform_browse_button_5_17'>Plans</label><div class='ginput_container ginput_container_fileupload'><div id='gform_multifile_upload_5_17' data-settings='{&quot;runtimes&quot;:&quot;html5,flash,html4&quot;,&quot;browse_button&quot;:&quot;gform_browse_button_5_17&quot;,&quot;container&quot;:&quot;gform_multifile_upload_5_17&quot;,&quot;drop_element&quot;:&quot;gform_drag_drop_area_5_17&quot;,&quot;filelist&quot;:&quot;gform_preview_5_17&quot;,&quot;unique_names&quot;:true,&quot;file_data_name&quot;:&quot;file&quot;,&quot;url&quot;:&quot;https:\/\/supaglass.com.au\/?gf_page=40bf388e957ea97&quot;,&quot;flash_swf_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.flash.swf&quot;,&quot;silverlight_xap_url&quot;:&quot;https:\/\/supaglass.com.au\/wp-includes\/js\/plupload\/plupload.silverlight.xap&quot;,&quot;filters&quot;:{&quot;mime_types&quot;:[{&quot;title&quot;:&quot;Allowed Files&quot;,&quot;extensions&quot;:&quot;*&quot;}],&quot;max_file_size&quot;:&quot;536870912b&quot;},&quot;multipart&quot;:true,&quot;urlstream_upload&quot;:false,&quot;multipart_params&quot;:{&quot;form_id&quot;:5,&quot;field_id&quot;:17,&quot;_gform_file_upload_nonce_5_17&quot;:&quot;0e4529142d&quot;},&quot;gf_vars&quot;:{&quot;max_files&quot;:0,&quot;message_id&quot;:&quot;gform_multifile_messages_5_17&quot;,&quot;disallowed_extensions&quot;:[&quot;php&quot;,&quot;asp&quot;,&quot;aspx&quot;,&quot;cmd&quot;,&quot;csh&quot;,&quot;bat&quot;,&quot;html&quot;,&quot;htm&quot;,&quot;hta&quot;,&quot;jar&quot;,&quot;exe&quot;,&quot;com&quot;,&quot;js&quot;,&quot;lnk&quot;,&quot;htaccess&quot;,&quot;phar&quot;,&quot;phtml&quot;,&quot;ps1&quot;,&quot;ps2&quot;,&quot;php3&quot;,&quot;php4&quot;,&quot;php5&quot;,&quot;php6&quot;,&quot;py&quot;,&quot;rb&quot;,&quot;tmp&quot;]}}' class='gform_fileupload_multifile'>
										<div id='gform_drag_drop_area_5_17' class='gform_drop_area gform-theme-field-control'>
											<span class='gform_drop_instructions'>Drop files here or </span>
											<button type='button' id='gform_browse_button_5_17' class='button gform_button_select_files gform-theme-button gform-theme-button--control' aria-describedby="gfield_upload_rules_5_17"  >Select files</button>
										</div>
									</div><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_5_17'>Max. file size: 512 MB.</span><ul class='validation_message--hidden-on-empty gform-ul-reset' id='gform_multifile_messages_5_17'></ul> <div id='gform_preview_5_17' class='ginput_preview_list'></div></div></div></div></div>
        <div class='gform-footer gform_footer top_label'> <button class="gform_submit_btn gform-theme__disable-framework gform-theme__disable-reset border border-grey-mid hover:border-black bg-white hover:bg-grey-light px-2.5 py-1.5 rounded-md flex items-center gap-x-2 backdrop-blur-[6px] group/button transition-colors duration-500"
	type="submit"
	id="gform_submit_button_5"
	onclick="window.gform.submission &#038;&#038; window.gform.submission.handleButtonClick(this, 5);">
	<span class="group-hover/button:translate-x-2 duration-500 ease transition-transform text-grey-mid group-hover/button:text-black"
		data-button-svg>
				



	
	
<span class="block w-[--width] h-[--height] [&#038;_svg]:w-full [&#038;_svg]:h-full"
	aria-hidden="true"
	style="--width: 1.5rem; --height: 1.5rem; aspect-ratio: 1;">
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
	<g class="stroke-current" stroke-linecap="square" stroke-width="1.5">
		<path d="M15.4 12H1M9.95 5.975 16 11.999l-6.05 6.025" />
	</g>
</svg>
</span>
	</span>
	<span class="font-uppercase uppercase text-base tracking-wide">Submit</span>
</button>
 <input type='hidden' name='gform_ajax' value='form_id=5&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=e4ccbffb6b6f29b9c01c51e8416b4ad7' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_5' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_5' id='gform_theme_5' value='orbital' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_5' id='gform_style_settings_5' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' />
            
            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='AUD' value='BKFW8Z3Y3H9YhEHphqvaFpRtq5O0TXJCKt1TpMSSDhRJ+4h9UZUzKMlXGvX9Ocjfciogj+XvwR0hxUohOfY4KbBB4/z2FgIaFdtZhu5zBzWit44=' />
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_5' value='WyJ7XCIxXCI6W1wiMTE5Mjg4NDFkN2EyNDFiZmVkYTljZWZkNTJlNTk1MTlcIixcImQzZDc2MWQ5MjI5NjUyM2MyOTg4MDA3OGQ5NDIyZjM5XCJdfSIsIjQwN2IyZTdiZDhlZWM5ZmU2ZTZjNmY0ZmE1YWM4ZGQzIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            <input type='hidden' name='gform_uploaded_files' id='gform_uploaded_files_5' value='' />
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_5' id='gform_ajax_frame_5' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script>
gform.initializeOnLoaded( function() {gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery('#gform_ajax_frame_5').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_5');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_5').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_5').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_5').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_5').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_5').val();gformInitSpinner( 5, 'https://supaglass.com.au/wp-content/plugins/gravityforms/images/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [5, current_page]);window['gf_submitting_5'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_5').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [5]);window['gf_submitting_5'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_5').text());}else{jQuery('#gform_5').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "5", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_5" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_5";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_5" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 5, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
</script>

					</div>
	</div>
			</div>
		
					</div>
	</div>
	</section>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
