.elementor-5281 .elementor-element.elementor-element-75b7d032{--display:flex;--min-height:400px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.4;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-75b7d032:not(.elementor-motion-effects-element-type-background), .elementor-5281 .elementor-element.elementor-element-75b7d032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://designerkitchendirect.co.uk/wp-content/uploads/2025/11/dkd-hero-kitchen-collections-mary-modern-kitchen-2025.webp");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-5281 .elementor-element.elementor-element-75b7d032::before, .elementor-5281 .elementor-element.elementor-element-75b7d032 > .elementor-background-video-container::before, .elementor-5281 .elementor-element.elementor-element-75b7d032 > .e-con-inner > .elementor-background-video-container::before, .elementor-5281 .elementor-element.elementor-element-75b7d032 > .elementor-background-slideshow::before, .elementor-5281 .elementor-element.elementor-element-75b7d032 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5281 .elementor-element.elementor-element-75b7d032 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-ee600ed );--background-overlay:'';}.elementor-5281 .elementor-element.elementor-element-5e5f1b1a{--display:flex;--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;--justify-content:center;--align-items:center;}.elementor-5281 .elementor-element.elementor-element-6e6bdb36{padding:0px 0px 0px 0px;text-align:center;}.elementor-5281 .elementor-element.elementor-element-6e6bdb36 .elementor-heading-title{font-size:55px;font-weight:700;letter-spacing:0.7px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-69be81a7 );}.elementor-5281 .elementor-element.elementor-element-76d135a{--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-5281 .elementor-element.elementor-element-e7802a3{--spacer-size:50px;}.elementor-5281 .elementor-element.elementor-element-6cd08a2{text-align:center;}.elementor-5281 .elementor-element.elementor-element-6cd08a2 .elementor-heading-title{color:var( --e-global-color-6a13324 );}.elementor-5281 .elementor-element.elementor-element-a0d78a8{text-align:center;color:var( --e-global-color-6a13324 );}.elementor-5281 .elementor-element.elementor-element-3cdee7e{--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:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-7ed4ea4{--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:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-5110caa{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-5281 .elementor-element.elementor-element-f6458a0 img{border-radius:6px 6px 6px 6px;}.elementor-5281 .elementor-element.elementor-element-3b64879 .elementor-heading-title{font-size:34px;}.elementor-5281 .elementor-element.elementor-element-b517cec{--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:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-c0e475d img{border-radius:6px 6px 6px 6px;}.elementor-5281 .elementor-element.elementor-element-23ad99f .elementor-heading-title{font-size:34px;}.elementor-5281 .elementor-element.elementor-element-0e8301a{--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:40px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-903d3a4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-5281 .elementor-element.elementor-element-61a48c8 .elementor-heading-title{font-size:34px;}.elementor-5281 .elementor-element.elementor-element-8a29140{--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:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-8ee5258 .elementor-heading-title{font-size:34px;}.elementor-5281 .elementor-element.elementor-element-6190108{--display:flex;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-21d5297.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-main-swiper{width:100%;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-main-swiper .swiper-slide{background-color:#F0F0F061;border-radius:8px;border-color:#02010100;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__header{padding-top:40px;padding-left:20px;padding-right:20px;padding-block-end:calc( 24px / 2 );}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__content{padding-bottom:40px;padding-left:20px;padding-right:20px;padding-block-start:calc( 24px / 2 );}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-swiper-button{font-size:0px;}.elementor-5281 .elementor-element.elementor-element-21d5297 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__header, .elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__name{font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__title{text-transform:none;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__image img{width:50px;height:50px;border-radius:0px;}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-testimonial__image + cite{margin-inline-start:30px;margin-inline-end:0;}.elementor-5281 .elementor-element.elementor-element-95b058e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-5281 .elementor-element.elementor-element-4890158{padding:0px 0px 15px 0px;}.elementor-5281 .elementor-element.elementor-element-4890158 .elementor-heading-title{font-size:36px;color:var( --e-global-color-6a13324 );}.elementor-5281 .elementor-element.elementor-element-2b6dd9f{--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 60px;--row-gap:0px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-a6c77ea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-71a869b{--display:flex;--min-height:260px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-1c8db68 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5281 .elementor-element.elementor-element-259581a{text-align:center;}.elementor-5281 .elementor-element.elementor-element-259581a .elementor-heading-title{font-size:28px;color:var( --e-global-color-6a13324 );}.elementor-5281 .elementor-element.elementor-element-bffc99b{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-4877e3e{--display:flex;--min-height:260px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-ecbbe25 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5281 .elementor-element.elementor-element-9b7f307{text-align:center;}.elementor-5281 .elementor-element.elementor-element-9b7f307 .elementor-heading-title{font-size:28px;color:var( --e-global-color-6a13324 );}.elementor-5281 .elementor-element.elementor-element-3afc548{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-dd22fe6{--display:flex;--min-height:260px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-665599f img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5281 .elementor-element.elementor-element-1eb6b2a{text-align:center;}.elementor-5281 .elementor-element.elementor-element-1eb6b2a .elementor-heading-title{font-size:28px;color:var( --e-global-color-6a13324 );}@media(min-width:768px){.elementor-5281 .elementor-element.elementor-element-76d135a{--content-width:620px;}.elementor-5281 .elementor-element.elementor-element-5110caa{--width:50%;}.elementor-5281 .elementor-element.elementor-element-b517cec{--width:50%;}.elementor-5281 .elementor-element.elementor-element-903d3a4{--width:50%;}.elementor-5281 .elementor-element.elementor-element-8a29140{--width:50%;}.elementor-5281 .elementor-element.elementor-element-a6c77ea{--width:100%;}.elementor-5281 .elementor-element.elementor-element-bffc99b{--width:100%;}.elementor-5281 .elementor-element.elementor-element-3afc548{--width:100%;}}@media(min-width:1367px){.elementor-5281 .elementor-element.elementor-element-75b7d032:not(.elementor-motion-effects-element-type-background), .elementor-5281 .elementor-element.elementor-element-75b7d032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1200px){.elementor-5281 .elementor-element.elementor-element-3cdee7e{--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-5281 .elementor-element.elementor-element-95b058e{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-5281 .elementor-element.elementor-element-2b6dd9f{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-5281 .elementor-element.elementor-element-71a869b{--min-height:200px;}.elementor-5281 .elementor-element.elementor-element-4877e3e{--min-height:200px;}.elementor-5281 .elementor-element.elementor-element-dd22fe6{--min-height:200px;}}@media(max-width:767px){.elementor-5281 .elementor-element.elementor-element-5110caa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-b517cec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-903d3a4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-8a29140{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5281 .elementor-element.elementor-element-21d5297{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-21d5297.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-5281 .elementor-element.elementor-element-21d5297 .elementor-main-swiper{width:100%;}.elementor-5281 .elementor-element.elementor-element-95b058e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5281 .elementor-element.elementor-element-4890158{padding:0px 0px 10px 0px;}.elementor-5281 .elementor-element.elementor-element-4890158 .elementor-heading-title{font-size:32px;}.elementor-5281 .elementor-element.elementor-element-2b6dd9f{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-6e6bdb36 */.elementor-5281 .elementor-element.elementor-element-6e6bdb36 {
  font-weight: 700; /* makes 'Kitchens' bold */
}

.elementor-5281 .elementor-element.elementor-element-6e6bdb36 em {
  font-style: italic;
  font-weight: 300;
  display: inline-block;
  margin-right: 0.15em; /* slightly tighter */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5110caa *//* --- This contains the image zoom --- */
.elementor-5281 .elementor-element.elementor-element-5110caa {
    overflow: hidden;
}

/* --- 1. Image Zoom Effect --- */
/* (Targets the image widget inside this container) */
.elementor-5281 .elementor-element.elementor-element-5110caa .elementor-widget-image {
    transition: transform 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-5110caa:hover .elementor-widget-image {
    transform: scale(1.03); /* 5% zoom */
}

/* --- 2. Dark Overlay Effect --- */
/* (Adds an 'after' element to the image wrapper) */
.elementor-5281 .elementor-element.elementor-element-5110caa .elementor-widget-image {
    position: relative; /* Required for the overlay */
}
.elementor-5281 .elementor-element.elementor-element-5110caa .elementor-widget-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 30% black overlay */
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-5110caa:hover .elementor-widget-image::after {
    opacity: 1; /* Show overlay on hover */
}

/* --- 3. Gold Text Color Effect --- */
/* (Targets the Heading and Text widgets inside) */
.elementor-5281 .elementor-element.elementor-element-5110caa .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-5110caa .elementor-widget-text-editor p {
    transition: color 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-5110caa:hover .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-5110caa:hover .elementor-widget-text-editor p {
    color: #B5A642; /* Your brush gold color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b517cec *//* --- This contains the image zoom --- */
.elementor-5281 .elementor-element.elementor-element-b517cec {
    overflow: hidden;
}

/* --- 1. Image Zoom Effect --- */
/* (Targets the image widget inside this container) */
.elementor-5281 .elementor-element.elementor-element-b517cec .elementor-widget-image {
    transition: transform 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-b517cec:hover .elementor-widget-image {
    transform: scale(1.03); /* 5% zoom */
}

/* --- 2. Dark Overlay Effect --- */
/* (Adds an 'after' element to the image wrapper) */
.elementor-5281 .elementor-element.elementor-element-b517cec .elementor-widget-image {
    position: relative; /* Required for the overlay */
}
.elementor-5281 .elementor-element.elementor-element-b517cec .elementor-widget-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 30% black overlay */
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-b517cec:hover .elementor-widget-image::after {
    opacity: 1; /* Show overlay on hover */
}

/* --- 3. Gold Text Color Effect --- */
/* (Targets the Heading and Text widgets inside) */
.elementor-5281 .elementor-element.elementor-element-b517cec .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-b517cec .elementor-widget-text-editor p {
    transition: color 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-b517cec:hover .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-b517cec:hover .elementor-widget-text-editor p {
    color: #B5A642; /* Your brush gold color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-903d3a4 *//* --- This contains the image zoom --- */
.elementor-5281 .elementor-element.elementor-element-903d3a4 {
    overflow: hidden;
}

/* --- 1. Image Zoom Effect --- */
/* (Targets the image widget inside this container) */
.elementor-5281 .elementor-element.elementor-element-903d3a4 .elementor-widget-image {
    transition: transform 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-903d3a4:hover .elementor-widget-image {
    transform: scale(1.03); /* 5% zoom */
}

/* --- 2. Dark Overlay Effect --- */
/* (Adds an 'after' element to the image wrapper) */
.elementor-5281 .elementor-element.elementor-element-903d3a4 .elementor-widget-image {
    position: relative; /* Required for the overlay */
}
.elementor-5281 .elementor-element.elementor-element-903d3a4 .elementor-widget-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 30% black overlay */
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-903d3a4:hover .elementor-widget-image::after {
    opacity: 1; /* Show overlay on hover */
}

/* --- 3. Gold Text Color Effect --- */
/* (Targets the Heading and Text widgets inside) */
.elementor-5281 .elementor-element.elementor-element-903d3a4 .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-903d3a4 .elementor-widget-text-editor p {
    transition: color 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-903d3a4:hover .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-903d3a4:hover .elementor-widget-text-editor p {
    color: #B5A642; /* Your brush gold color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a29140 *//* --- This contains the image zoom --- */
.elementor-5281 .elementor-element.elementor-element-8a29140 {
    overflow: hidden;
}

/* --- 1. Image Zoom Effect --- */
/* (Targets the image widget inside this container) */
.elementor-5281 .elementor-element.elementor-element-8a29140 .elementor-widget-image {
    transition: transform 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-8a29140:hover .elementor-widget-image {
    transform: scale(1.03); /* 5% zoom */
}

/* --- 2. Dark Overlay Effect --- */
/* (Adds an 'after' element to the image wrapper) */
.elementor-5281 .elementor-element.elementor-element-8a29140 .elementor-widget-image {
    position: relative; /* Required for the overlay */
}
.elementor-5281 .elementor-element.elementor-element-8a29140 .elementor-widget-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 30% black overlay */
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-8a29140:hover .elementor-widget-image::after {
    opacity: 1; /* Show overlay on hover */
}

/* --- 3. Gold Text Color Effect --- */
/* (Targets the Heading and Text widgets inside) */
.elementor-5281 .elementor-element.elementor-element-8a29140 .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-8a29140 .elementor-widget-text-editor p {
    transition: color 0.4s ease-out;
}
.elementor-5281 .elementor-element.elementor-element-8a29140:hover .elementor-heading-title,
.elementor-5281 .elementor-element.elementor-element-8a29140:hover .elementor-widget-text-editor p {
    color: #B5A642; /* Your brush gold color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a869b */.elementor-5281 .elementor-element.elementor-element-71a869b img {
  transition: all 0.6s ease-out;
  transform-origin: center center;
  filter: grayscale(15%) brightness(97%) saturate(90%);
  transform: scale(1);
}

.elementor-5281 .elementor-element.elementor-element-71a869b:hover img {
  transform: scale(1.04);
  filter: grayscale(0%) brightness(103%) saturate(105%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4877e3e */.elementor-5281 .elementor-element.elementor-element-4877e3e img {
  transition: all 0.6s ease-out;
  transform-origin: center center;
  filter: grayscale(15%) brightness(97%) saturate(90%);
  transform: scale(1);
}

.elementor-5281 .elementor-element.elementor-element-4877e3e:hover img {
  transform: scale(1.04);
  filter: grayscale(0%) brightness(103%) saturate(105%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd22fe6 */.elementor-5281 .elementor-element.elementor-element-dd22fe6 img {
  transition: all 0.6s ease-out;
  transform-origin: center center;
  filter: grayscale(15%) brightness(97%) saturate(90%);
  transform: scale(1);
}

.elementor-5281 .elementor-element.elementor-element-dd22fe6:hover img {
  transform: scale(1.04);
  filter: grayscale(0%) brightness(103%) saturate(105%);
}/* End custom CSS */