.elementor-533 .elementor-element.elementor-element-37dfa5f1{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;}.elementor-533 .elementor-element.elementor-element-37dfa5f1:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.distinction-windows.co.uk/wp-content/uploads/2025/12/aluminium_bifold_doors_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-533 .elementor-element.elementor-element-37dfa5f1::before, .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .elementor-background-video-container::before, .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .elementor-background-slideshow::before, .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-533 .elementor-element.elementor-element-37dfa5f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-533 .elementor-element.elementor-element-6ecb9af{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-533 .elementor-element.elementor-element-37002933 .elementor-heading-title{font-family:"co-headline", Sans-serif;font-size:4em;font-weight:600;color:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-50cb6c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1%;--padding-bottom:2%;--padding-left:1%;--padding-right:1%;}.elementor-533 .elementor-element.elementor-element-50cb6c5:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-50cb6c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-a30dd1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-533 .elementor-element.elementor-element-a30dd1d:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-a30dd1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );}.elementor-533 .elementor-element.elementor-element-cdf9a94{text-align:center;font-family:"co-text", Sans-serif;font-size:1.5em;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-f8678c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-06ee0ac{--spacer-size:50px;}.elementor-533 .elementor-element.elementor-element-53d82d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-533 .elementor-element.elementor-element-245f912{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-533 .elementor-element.elementor-element-2c86484 .elementor-heading-title{font-family:"co-headline", Sans-serif;font-size:2em;font-weight:600;}.elementor-533 .elementor-element.elementor-element-1ff63e2{font-family:"co-text", Sans-serif;font-size:1em;font-weight:400;font-style:normal;}.elementor-533 .elementor-element.elementor-element-cfc29ff{font-family:"co-text", Sans-serif;font-size:1em;font-weight:400;font-style:normal;line-height:30px;}.elementor-533 .elementor-element.elementor-element-916fa2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-533 .elementor-element.elementor-element-d23a9ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-fa9cceb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-9590eaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-21ae3c8{text-align:center;}.elementor-533 .elementor-element.elementor-element-8d219c7{--e-image-carousel-slides-to-show:1;padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-8d219c7 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-533 .elementor-element.elementor-element-8d219c7 .elementor-swiper-button.elementor-swiper-button-next{font-size:50px;color:#FFFFFFCC;}.elementor-533 .elementor-element.elementor-element-8d219c7 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-533 .elementor-element.elementor-element-8d219c7 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFFCC;}.elementor-533 .elementor-element.elementor-element-8d219c7 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;}.elementor-533 .elementor-element.elementor-element-00edce5{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-533 .elementor-element.elementor-element-4f28894{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-533 .elementor-element.elementor-element-cdea5a8 .elementor-heading-title{font-family:"co-headline", Sans-serif;font-size:2em;font-weight:600;}.elementor-533 .elementor-element.elementor-element-3b28583{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-1b202ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );}.elementor-533 .elementor-element.elementor-element-7152787 img{width:100%;height:550px;object-fit:cover;object-position:bottom center;border-radius:10px 10px 10px 10px;}.elementor-533 .elementor-element.elementor-element-23578f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-159af04{--spacer-size:50px;}.elementor-533 .elementor-element.elementor-element-fd7fb13{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:1%;--padding-right:1%;}.elementor-533 .elementor-element.elementor-element-fd7fb13:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-fd7fb13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-502f1a07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button{background-color:var( --e-global-color-2e96168 );font-family:"co-headline", Sans-serif;font-size:1.5em;font-weight:500;line-height:21px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:15px 20px 20px 25px;}.elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button:hover, .elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button:focus{background-color:#FF6300;color:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-722584d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-722584d2.elementor-element{--align-self:center;}.elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button:hover svg, .elementor-533 .elementor-element.elementor-element-722584d2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-825e642{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-533 .elementor-element.elementor-element-5d673b1d .elementor-heading-title{font-family:"co-headline", Sans-serif;font-size:1.75em;font-weight:600;color:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-6a342e69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-6a342e69:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-6a342e69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b4e1fde );}.elementor-533 .elementor-element.elementor-element-2e47d7f9{--spacer-size:20px;}.elementor-533 .elementor-element.elementor-element-69dd26fa .elementor-heading-title{font-family:"co-headline", Sans-serif;font-size:2.5em;font-weight:600;}.elementor-533 .elementor-element.elementor-element-4c6ebc4b{--spacer-size:20px;}.elementor-533 .elementor-element.elementor-element-11d9646f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-533 .elementor-element.elementor-element-11d9646f:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-11d9646f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-533 .elementor-element.elementor-element-6fa7949{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-25f3f0b2{text-align:center;font-family:"co-text", Sans-serif;font-size:2em;font-weight:400;font-style:normal;line-height:1.2em;color:#FFFFFF;}.elementor-533 .elementor-element.elementor-element-5d650ee0{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-3fe4ef7a .elementor-button{background-color:var( --e-global-color-2e029bb );font-family:"co-headline", Sans-serif;font-size:1.5em;font-weight:500;line-height:21px;border-radius:30px 30px 30px 30px;padding:15px 20px 20px 25px;}.elementor-533 .elementor-element.elementor-element-3fe4ef7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-3fe4ef7a.elementor-element{--align-self:center;}.elementor-533 .elementor-element.elementor-element-3fe4ef7a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-533 .elementor-element.elementor-element-3fe4ef7a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-533 .elementor-element.elementor-element-75dadc57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-533 .elementor-element.elementor-element-310e1c4c .elementor-button{background-color:var( --e-global-color-2e029bb );font-family:"co-headline", Sans-serif;font-size:1.5em;font-weight:500;line-height:21px;border-radius:30px 30px 30px 30px;padding:15px 20px 20px 25px;}.elementor-533 .elementor-element.elementor-element-310e1c4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-533 .elementor-element.elementor-element-310e1c4c.elementor-element{--align-self:center;}.elementor-533 .elementor-element.elementor-element-310e1c4c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-533 .elementor-element.elementor-element-310e1c4c .elementor-button .elementor-button-content-wrapper{gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-533 .elementor-element.elementor-element-245f912{--width:50%;}.elementor-533 .elementor-element.elementor-element-9590eaf{--width:50%;}.elementor-533 .elementor-element.elementor-element-4f28894{--width:50%;}.elementor-533 .elementor-element.elementor-element-1b202ca{--width:50%;}.elementor-533 .elementor-element.elementor-element-502f1a07{--width:50%;}.elementor-533 .elementor-element.elementor-element-825e642{--width:50%;}.elementor-533 .elementor-element.elementor-element-6fa7949{--width:100%;}.elementor-533 .elementor-element.elementor-element-5d650ee0{--width:50%;}.elementor-533 .elementor-element.elementor-element-75dadc57{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for image-carousel, class: .elementor-element-8d219c7 *//* 1) Force the visible Swiper viewport to be a square */
.dt-carousel .swiper{
position: relative;
width: 100%;
overflow: hidden;
border-radius: 10px; /* optional */
}
/* Square box */
.dt-carousel .swiper::before{
content: "";
display: block;
padding-top: 100%; /* 1:1 */
}
/* 2) Make Swiper's moving bits fill the square */
.dt-carousel .swiper-wrapper{
position: absolute;
inset: 0;
height: 100% !important;
}
.dt-carousel .swiper-slide{
position: relative;
height: 100% !important;
}
/* 3) If images are real ![]()
tags: fill + crop */
.dt-carousel .swiper-slide img{
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
display: block;
}
/* 4) If Elementor/Swiper uses a DIV with background-image (common) */
.dt-carousel .swiper-slide-image{
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-722584d2 *//* Force the icon down (targets SVG + icons) */
.btn-icon-fix .elementor-button-icon,
.btn-icon-fix .elementor-button-icon i,
.btn-icon-fix .elementor-button-icon svg {
position: relative !important;
top: 1px !important; /* increase/decrease until perfect */
transform: none !important; /* prevents other transforms interfering */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2a3fb0d5 *//* DLP Grid Cards — remove white halo + standardise spacing */
.dlp-grid-card {
background: #0b1f3a !important; /* navy */
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
border-radius: 14px;
box-sizing: border-box;
background-clip: padding-box;
}
/* Inner layers: no inset, no background */
.dlp-grid-card-inner,
.dlp-grid-card-content {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
border-radius: inherit;
box-sizing: border-box;
}
/* Image area: remove inline gaps */
.dlp-grid-card-featured-img {
line-height: 0 !important;
}
.dlp-grid-card-featured-img img {
display: block !important;
width: 100% !important;
height: auto !important;
}
/* Spacing inside the navy content area */
.dlp-grid-card-title,
.dlp-grid-card-excerpt,
.dlp-grid-card-document-link-wrap {
padding-left: 18px;
padding-right: 18px;
}
.dlp-grid-card-title { padding-top: 18px; }
.dlp-grid-card-document-link-wrap { padding-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3fe4ef7a *//* Force the icon down (targets SVG + icons) */
.btn-icon-fix .elementor-button-icon,
.btn-icon-fix .elementor-button-icon i,
.btn-icon-fix .elementor-button-icon svg {
position: relative !important;
top: 1px !important; /* increase/decrease until perfect */
transform: none !important; /* prevents other transforms interfering */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-310e1c4c *//* Force the icon down (targets SVG + icons) */
.btn-icon-fix .elementor-button-icon,
.btn-icon-fix .elementor-button-icon i,
.btn-icon-fix .elementor-button-icon svg {
position: relative !important;
top: 1px !important; /* increase/decrease until perfect */
transform: none !important; /* prevents other transforms interfering */
}/* End custom CSS */