.elementor-502310 .elementor-element.elementor-element-8b47df8:not(.elementor-motion-effects-element-type-background), .elementor-502310 .elementor-element.elementor-element-8b47df8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paramountbathrooms.co.uk/wp-content/uploads/2025/10/BrochureImage-2025.jpg");background-size:cover;}.elementor-502310 .elementor-element.elementor-element-8b47df8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-502310 .elementor-element.elementor-element-8b47df8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-502310 .elementor-element.elementor-element-7f054e9 .elementor-heading-title{color:#ffffff;font-family:"Merriweather", Sans-serif;font-weight:700;font-style:italic;}.elementor-502310 .elementor-element.elementor-element-83aaaf6 .elementor-heading-title{color:#FFFFFFFA;font-family:"Merriweather", Sans-serif;font-size:23px;font-weight:400;line-height:1.4em;}.elementor-502310 .elementor-element.elementor-element-71cd639{--display:flex;--background-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-182a461{--spacer-size:20px;}.elementor-502310 .elementor-element.elementor-element-7f96fbd{--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;--justify-content:center;--gap:20px 40px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-a45400a{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-502310 .elementor-element.elementor-element-a45400a:not(.elementor-motion-effects-element-type-background), .elementor-502310 .elementor-element.elementor-element-a45400a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2D8CC;}.elementor-502310 .elementor-element.elementor-element-a45400a, .elementor-502310 .elementor-element.elementor-element-a45400a::before{--border-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-8d560aa{text-align:center;}.elementor-502310 .elementor-element.elementor-element-dc5207e > .elementor-widget-container{margin:-4px -4px -4px -4px;padding:0px 0px 0px 0px;}.elementor-502310 .elementor-element.elementor-element-dc5207e{text-align:center;font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:500;font-style:italic;}.elementor-502310 .elementor-element.elementor-element-2c8d1cf .elementor-button{background-color:#FFFFFF;font-family:"Merriweather", Sans-serif;font-size:20px;font-style:italic;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-502310 .elementor-element.elementor-element-2c8d1cf .elementor-button:hover, .elementor-502310 .elementor-element.elementor-element-2c8d1cf .elementor-button:focus{background-color:#8F9A8E;color:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-2c8d1cf > .elementor-widget-container{margin:7px 7px 7px 7px;}.elementor-502310 .elementor-element.elementor-element-2c8d1cf .elementor-button:hover svg, .elementor-502310 .elementor-element.elementor-element-2c8d1cf .elementor-button:focus svg{fill:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-01debde{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-502310 .elementor-element.elementor-element-01debde:not(.elementor-motion-effects-element-type-background), .elementor-502310 .elementor-element.elementor-element-01debde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8F9A8E;}.elementor-502310 .elementor-element.elementor-element-01debde, .elementor-502310 .elementor-element.elementor-element-01debde::before{--border-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-f3c56bb{text-align:center;}.elementor-502310 .elementor-element.elementor-element-72899b0 > .elementor-widget-container{margin:-4px -4px -4px -4px;padding:0px 0px 0px 0px;}.elementor-502310 .elementor-element.elementor-element-72899b0{text-align:center;font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:500;font-style:italic;}.elementor-502310 .elementor-element.elementor-element-dd0feab .elementor-button{background-color:#FFFFFF;font-family:"Merriweather", Sans-serif;font-size:20px;font-style:italic;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-502310 .elementor-element.elementor-element-dd0feab .elementor-button:hover, .elementor-502310 .elementor-element.elementor-element-dd0feab .elementor-button:focus{background-color:#E2D8CC;color:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-dd0feab > .elementor-widget-container{margin:7px 7px 7px 7px;}.elementor-502310 .elementor-element.elementor-element-dd0feab .elementor-button:hover svg, .elementor-502310 .elementor-element.elementor-element-dd0feab .elementor-button:focus svg{fill:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-f41ba6b{--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;--background-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-f41ba6b:not(.elementor-motion-effects-element-type-background), .elementor-502310 .elementor-element.elementor-element-f41ba6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8F9A8E;}.elementor-502310 .elementor-element.elementor-element-f41ba6b, .elementor-502310 .elementor-element.elementor-element-f41ba6b::before{--border-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-6c30e56 > .elementor-widget-container{margin:-4px -4px -4px -4px;}.elementor-502310 .elementor-element.elementor-element-6c30e56{text-align:center;font-family:"Merriweather", Sans-serif;font-size:22px;font-weight:500;font-style:italic;}.elementor-502310 .elementor-element.elementor-element-112a3ca .elementor-button{background-color:#FFFFFF;font-family:"Merriweather", Sans-serif;font-size:20px;font-style:italic;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-502310 .elementor-element.elementor-element-112a3ca .elementor-button:hover, .elementor-502310 .elementor-element.elementor-element-112a3ca .elementor-button:focus{background-color:#E2D8CC;color:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-112a3ca > .elementor-widget-container{margin:7px 7px 7px 7px;}.elementor-502310 .elementor-element.elementor-element-112a3ca .elementor-button:hover svg, .elementor-502310 .elementor-element.elementor-element-112a3ca .elementor-button:focus svg{fill:#FFFFFF;}.elementor-502310 .elementor-element.elementor-element-622976a{--display:flex;--background-transition:0.3s;}.elementor-502310 .elementor-element.elementor-element-5201d88 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-502310 .elementor-element.elementor-element-5201d88{text-align:center;}.elementor-502310 .elementor-element.elementor-element-5201d88 .elementor-heading-title{color:#000000;font-family:"Merriweather", Sans-serif;font-size:50px;font-weight:700;font-style:italic;letter-spacing:1px;}.elementor-502310 .elementor-element.elementor-element-9d28497{--spacer-size:20px;}.elementor-502310 .elementor-element.elementor-element-b8df354{--display:flex;--background-transition:0.3s;}@media(min-width:768px){.elementor-502310 .elementor-element.elementor-element-7f96fbd{--content-width:1287px;}.elementor-502310 .elementor-element.elementor-element-a45400a{--width:30%;}.elementor-502310 .elementor-element.elementor-element-01debde{--width:30%;}.elementor-502310 .elementor-element.elementor-element-f41ba6b{--width:30%;}}











/* Start custom CSS for container, class: .elementor-element-a45400a *//* Rounded columns with clipping so child images follow the curve */
.cta-card {
  border-radius: 16px;
  overflow: hidden;                 /* ensures inner image corners are rounded too */
  background: #f3f3f3;              /* or your beige/green per column */
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}

/* Optional: equal internal spacing */
.cta-card .elementor-widget {
  margin-bottom: 16px;
}

/* Make the top image flush edge-to-edge */
.cta-card {
  padding: 0;
  border-radius: 16px;   /* your card radius */
  overflow: hidden;      /* clips image to rounded corners */
}

.cta-card .elementor-widget-image,
.cta-card .elementor-widget-image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.cta-card .elementor-widget-image img {
  display: block;        /* removes inline gap */
  width: 100%;
  height: auto;          /* keep aspect ratio */
  border: none;
  box-shadow: none;
}/* End custom CSS */




/* Start custom CSS for container, class: .elementor-element-01debde *//* Rounded columns with clipping so child images follow the curve */
.cta-card {
  border-radius: 16px;
  overflow: hidden;                 /* ensures inner image corners are rounded too */
  background: #f3f3f3;              /* or your beige/green per column */
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}

/* Optional: equal internal spacing */
.cta-card .elementor-widget {
  margin-bottom: 16px;
}

/* Make the top image flush edge-to-edge */
.cta-card {
  padding: 0;
  border-radius: 16px;   /* your card radius */
  overflow: hidden;      /* clips image to rounded corners */
}

.cta-card .elementor-widget-image,
.cta-card .elementor-widget-image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.cta-card .elementor-widget-image img {
  display: block;        /* removes inline gap */
  width: 100%;
  height: auto;          /* keep aspect ratio */
  border: none;
  box-shadow: none;
}/* End custom CSS */




/* Start custom CSS for container, class: .elementor-element-f41ba6b *//* Rounded columns with clipping so child images follow the curve */
.cta-card {
  border-radius: 16px;
  overflow: hidden;                 /* ensures inner image corners are rounded too */
  background: #f3f3f3;              /* or your beige/green per column */
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}

/* Optional: equal internal spacing */
.cta-card .elementor-widget {
  margin-bottom: 16px;
}

/* Make the top image flush edge-to-edge */
.cta-card {
  padding: 0;
  border-radius: 16px;   /* your card radius */
  overflow: hidden;      /* clips image to rounded corners */
}

.cta-card .elementor-widget-image,
.cta-card .elementor-widget-image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.cta-card .elementor-widget-image img {
  display: block;        /* removes inline gap */
  width: 100%;
  height: auto;          /* keep aspect ratio */
  border: none;
  box-shadow: none;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-7f96fbd *//* Left brochure card only */
.brochure-cta {
  border-radius: 16px;
  overflow: hidden;        /* keeps corners neat */
  padding: 0;
}

/* Make the top image shorter but still full-width */
.brochure-cta .elementor-widget-image img {
  width: 100%;
  height: 200px;           /* ← adjust to taste */
  object-fit: cover;       /* crops evenly to keep width */
  display: block;
  border: 0;
}

/* Kill any widget container spacing */
.brochure-cta .elementor-widget-image,
.brochure-cta .elementor-widget-image .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Optional: responsive tweak */
@media (max-width: 767px){
  .brochure-cta .elementor-widget-image img { height: 160px; }
}/* End custom CSS */

/* Start custom CSS for heading, class: .elementor-element-5201d88 *//* Move this block down 20px and keep it on top */
.elementor-502310 .elementor-element.elementor-element-5201d88{
  position: relative;
  top: 20px;
  z-index: 10;   /* ensure it sits above the next container */
}/* End custom CSS */