.elementor-584 .elementor-element.elementor-element-101adbb6:not(.elementor-motion-effects-element-type-background), .elementor-584 .elementor-element.elementor-element-101adbb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dmsoundproofing.pk/wp-content/uploads/2026/07/Soundproofing-expert-in-pakistan.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-584 .elementor-element.elementor-element-101adbb6 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-584 .elementor-element.elementor-element-101adbb6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 0em 6em 0em;}.elementor-584 .elementor-element.elementor-element-219e6bb2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-584 .elementor-element.elementor-element-219e6bb2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b9ee9f6 );}.elementor-584 .elementor-element.elementor-element-219e6bb2 > .elementor-element-populated > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-9d05cf2 ) 0%, var( --e-global-color-b9ee9f6 ) 100%);opacity:0.5;}.elementor-584 .elementor-element.elementor-element-219e6bb2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-584 .elementor-element.elementor-element-219e6bb2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-584 .elementor-element.elementor-element-3666a882 > .elementor-container{max-width:900px;}.elementor-584 .elementor-element.elementor-element-3666a882{padding:3em 0em 3em 0em;}.elementor-584 .elementor-element.elementor-element-19d08211{padding:0em 0em 0em 1em;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;}.elementor-584 .elementor-element.elementor-element-19d08211 .elementor-heading-title{font-size:40px;color:var( --e-global-color-f8bb3dd );}.elementor-584 .elementor-element.elementor-element-5a13682{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-584 .elementor-element.elementor-element-129a0ee{--display:flex;}.elementor-584 .elementor-element.elementor-element-316552a .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-af899be{--display:flex;}.elementor-584 .elementor-element.elementor-element-ba8ffdf .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-6cb27a0{--display:flex;}.elementor-584 .elementor-element.elementor-element-cf2dec0 .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-3bc6617{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-584 .elementor-element.elementor-element-8e30cbb{--display:flex;}.elementor-584 .elementor-element.elementor-element-5a5b452 .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-8303762{--display:flex;}.elementor-584 .elementor-element.elementor-element-84dd48d .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-a931865{--display:flex;}.elementor-584 .elementor-element.elementor-element-be8e17b .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-ede1840{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-584 .elementor-element.elementor-element-6d4e102{--display:flex;}.elementor-584 .elementor-element.elementor-element-06139c0 .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-153ba70{--display:flex;}.elementor-584 .elementor-element.elementor-element-dd0b240 .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-7271f45{--display:flex;}.elementor-584 .elementor-element.elementor-element-2bc945c .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-079837d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-584 .elementor-element.elementor-element-784c300{--display:flex;}.elementor-584 .elementor-element.elementor-element-b24392b .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-355eedd{--display:flex;}.elementor-584 .elementor-element.elementor-element-c7eeda7 .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-882fc73{--display:flex;}.elementor-584 .elementor-element.elementor-element-ec33c4b .elementor-heading-title{font-size:28px;}.elementor-584 .elementor-element.elementor-element-555c815c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-584 .elementor-element.elementor-element-555c815c:not(.elementor-motion-effects-element-type-background), .elementor-584 .elementor-element.elementor-element-555c815c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e3a891 );}.elementor-584 .elementor-element.elementor-element-555c815c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:100px;margin-bottom:0px;padding:10em 0em 4em 0em;z-index:2;}.elementor-584 .elementor-element.elementor-element-555c815c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-584 .elementor-element.elementor-element-7147ee09 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-584 .elementor-element.elementor-element-7147ee09{margin-top:0px;margin-bottom:20px;}.elementor-584 .elementor-element.elementor-element-21a8f98f{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;--divider-element-spacing:16px;}.elementor-584 .elementor-element.elementor-element-21a8f98f .elementor-divider-separator{width:215px;}.elementor-584 .elementor-element.elementor-element-21a8f98f .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-584 .elementor-element.elementor-element-21a8f98f .elementor-divider__text{color:var( --e-global-color-f8bb3dd );font-family:var( --e-global-typography-5db304c-font-family ), Sans-serif;font-size:var( --e-global-typography-5db304c-font-size );font-weight:var( --e-global-typography-5db304c-font-weight );text-transform:var( --e-global-typography-5db304c-text-transform );letter-spacing:var( --e-global-typography-5db304c-letter-spacing );}.elementor-584 .elementor-element.elementor-element-163140bc .elementor-heading-title{color:var( --e-global-color-f8bb3dd );}.elementor-584 .elementor-element.elementor-element-65cea568 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-584 .elementor-element.elementor-element-65cea568 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-584 .elementor-element.elementor-element-2504eedd{--divider-border-style:solid;--divider-color:var( --e-global-color-3ce004c );--divider-border-width:1px;}.elementor-584 .elementor-element.elementor-element-2504eedd .elementor-divider-separator{width:100%;}.elementor-584 .elementor-element.elementor-element-2504eedd .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-584 .elementor-element.elementor-element-7b862bf3{--grid-template-columns:repeat(0, auto);text-align:left;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--icon-size:26px;--grid-column-gap:29px;--grid-row-gap:0px;}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-social-icon{background-color:rgba(23, 23, 23, 0);--icon-padding:0em;}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-social-icon i{color:rgba(255, 255, 255, 0.9);}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-social-icon svg{fill:rgba(255, 255, 255, 0.9);}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-icon{border-radius:3px 3px 3px 3px;}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-social-icon:hover i{color:#FF4D36;}.elementor-584 .elementor-element.elementor-element-7b862bf3 .elementor-social-icon:hover svg{fill:#FF4D36;}.elementor-584 .elementor-element.elementor-element-4645ee3c{color:var( --e-global-color-3bb72ae );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-584 .elementor-element.elementor-element-4748ed6b{width:26.964%;}.elementor-584 .elementor-element.elementor-element-6ab87425{width:73.036%;}}@media(max-width:1024px){.elementor-584 .elementor-element.elementor-element-101adbb6{padding:5em 0em 5em 0em;}.elementor-584 .elementor-element.elementor-element-3666a882{padding:2em 0em 2em 0em;}.elementor-584 .elementor-element.elementor-element-19d08211{text-align:start;}.elementor-584 .elementor-element.elementor-element-555c815c{padding:10em 0em 2em 0em;}.elementor-584 .elementor-element.elementor-element-21a8f98f .elementor-divider__text{font-size:var( --e-global-typography-5db304c-font-size );letter-spacing:var( --e-global-typography-5db304c-letter-spacing );}.elementor-584 .elementor-element.elementor-element-163140bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-584 .elementor-element.elementor-element-7b862bf3{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-584 .elementor-element.elementor-element-4645ee3c{text-align:center;}}@media(max-width:767px){.elementor-584 .elementor-element.elementor-element-101adbb6{padding:4em 0em 4em 0em;}.elementor-584 .elementor-element.elementor-element-219e6bb2 > .elementor-element-populated{padding:0em 1em 0em 1em;}.elementor-584 .elementor-element.elementor-element-6245ba45 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-316552a .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-ba8ffdf .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-cf2dec0 .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-5a5b452 .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-84dd48d .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-be8e17b .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-06139c0 .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-dd0b240 .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-2bc945c .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-b24392b .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-c7eeda7 .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-ec33c4b .elementor-heading-title{font-size:23px;}.elementor-584 .elementor-element.elementor-element-555c815c{padding:11em 1em 3em 1em;}.elementor-584 .elementor-element.elementor-element-697032fb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-ca3f990 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-21a8f98f .elementor-divider__text{font-size:var( --e-global-typography-5db304c-font-size );letter-spacing:var( --e-global-typography-5db304c-letter-spacing );}.elementor-584 .elementor-element.elementor-element-163140bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-584 .elementor-element.elementor-element-7e8722e3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-65cea568 .elementor-button{padding:13px 98px 13px 98px;}.elementor-584 .elementor-element.elementor-element-7b862bf3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-584 .elementor-element.elementor-element-6ab87425 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-584 .elementor-element.elementor-element-ca3f990{width:70%;}.elementor-584 .elementor-element.elementor-element-7e8722e3{width:30%;}.elementor-584 .elementor-element.elementor-element-4748ed6b{width:100%;}.elementor-584 .elementor-element.elementor-element-6ab87425{width:100%;}}@media(min-width:1025px){.elementor-584 .elementor-element.elementor-element-101adbb6:not(.elementor-motion-effects-element-type-background), .elementor-584 .elementor-element.elementor-element-101adbb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-5a13682 *//* ========================================================================== Acoustic Products Card Section — Carpet Tiles / Door Seals / Underlayment Only layout/sizing is changed here. No colors are set or overridden — your existing brand color (orange headings/buttons) stays exactly as is. Paste into Elementor: Site Settings > Custom CSS (or this section's own Advanced > Custom CSS panel). ========================================================================== */ /* ---- Row of 3 cards: equal width, equal height ---- Using CSS Grid instead of flex percentages — flex with max-width:33% + gap overflows the row width and forces the 3rd card to wrap, which is what squeezed/collapsed the other two. Grid divides the row correctly. */ .elementor-element-5a13682 > .e-con-inner{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; /* forces equal height across the 3 cards */ gap: 32px; } /* Each card fills its grid cell fully */ .elementor-element-5a13682 > .e-con-inner > .e-con.e-child{ width: 100%; min-width: 0; /* prevents content from forcing the column wider */ display: flex; flex-direction: column; } /* ---- Image: same width & height in every card ---- */ .elementor-element-5a13682 .elementor-widget-image{ margin: 0; line-height: 0; } .elementor-element-5a13682 .elementor-widget-image img{ width: 100%; aspect-ratio: 1 / 1; /* same shape regardless of source image size */ object-fit: cover; display: block; } /* ---- Heading: reserve the same block height whether it wraps to 1 line or 2 lines, so every description starts at the same Y ---- */ .elementor-element-5a13682 .elementor-heading-title{ min-height: 70px; /* fits 2 lines at this font-size */ display: flex; align-items: flex-start; margin: 0; } /* ---- Description: grows to fill leftover space so every "Get a Quote" button lands on the same baseline ---- */ .elementor-element-5a13682 .elementor-widget-text-editor{ flex: 1 1 auto; } .elementor-element-5a13682 .elementor-widget-text-editor p{ margin: 0; } /* ---- Button: full width, always pinned to the bottom of the card ---- */ .elementor-element-5a13682 .elementor-widget-button{ margin-top: auto; } .elementor-element-5a13682 .elementor-button{ display: flex; align-items: center; justify-content: center; width: 100%; } /* ---- Responsive: stack on smaller screens ---- */ @media (max-width: 900px){ .elementor-element-5a13682 > .e-con-inner{ grid-template-columns: 1fr; /* stack on tablet/mobile */ } .elementor-element-5a13682 .elementor-heading-title{ min-height: 0; /* no need to reserve space when stacked */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3bc6617 *//* ========================================================================== Installation Products / Quiet Batt / Sound Dampening — 3-card section Only layout/sizing changed — no colors set or overridden, your existing brand color (orange headings/buttons) stays exactly as is. Paste into Elementor: this section's Advanced > Custom CSS panel (or Site Settings > Custom CSS). ========================================================================== */ /* ---- Row of 3 cards: equal width, equal height (CSS Grid) ---- */ .elementor-element-3bc6617 > .e-con-inner{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; /* forces equal height across the 3 cards */ gap: 32px; } /* Each card fills its grid cell fully */ .elementor-element-3bc6617 > .e-con-inner > .e-con.e-child{ width: 100%; min-width: 0; /* prevents content from forcing the column wider */ display: flex; flex-direction: column; } /* ---- Image: same width & height in every card ---- */ .elementor-element-3bc6617 .elementor-widget-image{ margin: 0; line-height: 0; } .elementor-element-3bc6617 .elementor-widget-image img{ width: 100%; aspect-ratio: 1 / 1; /* same shape regardless of source image size */ object-fit: cover; display: block; } /* ---- Heading: reserve the same block height whether it wraps to 1 line or 2 lines, so every description starts at the same Y ---- */ .elementor-element-3bc6617 .elementor-heading-title{ min-height: 70px; /* fits 2 lines at this font-size */ display: flex; align-items: flex-start; margin: 0; } /* ---- Description: grows to fill leftover space so every "Get a Quote" button lands on the same baseline ---- */ .elementor-element-3bc6617 .elementor-widget-text-editor{ flex: 1 1 auto; } .elementor-element-3bc6617 .elementor-widget-text-editor p{ margin: 0; } /* ---- Button: full width, always pinned to the bottom of the card ---- */ .elementor-element-3bc6617 .elementor-widget-button{ margin-top: auto; } .elementor-element-3bc6617 .elementor-button{ display: flex; align-items: center; justify-content: center; width: 100%; } /* ---- Responsive: stack on smaller screens ---- */ @media (max-width: 900px){ .elementor-element-3bc6617 > .e-con-inner{ grid-template-columns: 1fr; /* stack on tablet/mobile */ } .elementor-element-3bc6617 .elementor-heading-title{ min-height: 0; /* no need to reserve space when stacked */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ede1840 *//* ========================================================================== Sound Proof Paint / Soundproof Window & Frame / Vinyl Flooring — 3-card section Only layout/sizing changed — no colors set or overridden, your existing brand color (orange headings/buttons) stays exactly as is. Paste into Elementor: this section's Advanced > Custom CSS panel (or Site Settings > Custom CSS). ========================================================================== */ /* ---- Row of 3 cards: equal width, equal height (CSS Grid) ---- */ .elementor-element-ede1840 > .e-con-inner{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; /* forces equal height across the 3 cards */ gap: 32px; } /* Each card fills its grid cell fully */ .elementor-element-ede1840 > .e-con-inner > .e-con.e-child{ width: 100%; min-width: 0; /* prevents content from forcing the column wider */ display: flex; flex-direction: column; } /* ---- Image: same width & height in every card ---- */ .elementor-element-ede1840 .elementor-widget-image{ margin: 0; line-height: 0; } .elementor-element-ede1840 .elementor-widget-image img{ width: 100%; aspect-ratio: 1 / 1; /* same shape regardless of source image size */ object-fit: cover; display: block; } /* ---- Heading: reserve the same block height whether it wraps to 1 line or 2 lines, so every description starts at the same Y ---- */ .elementor-element-ede1840 .elementor-heading-title{ min-height: 70px; /* fits 2 lines at this font-size */ display: flex; align-items: flex-start; margin: 0; } /* ---- Description: grows to fill leftover space so every "Get a Quote" button lands on the same baseline ---- */ .elementor-element-ede1840 .elementor-widget-text-editor{ flex: 1 1 auto; } .elementor-element-ede1840 .elementor-widget-text-editor p{ margin: 0; } /* ---- Button: full width, always pinned to the bottom of the card ---- */ .elementor-element-ede1840 .elementor-widget-button{ margin-top: auto; } .elementor-element-ede1840 .elementor-button{ display: flex; align-items: center; justify-content: center; width: 100%; } /* ---- Responsive: stack on smaller screens ---- */ @media (max-width: 900px){ .elementor-element-ede1840 > .e-con-inner{ grid-template-columns: 1fr; /* stack on tablet/mobile */ } .elementor-element-ede1840 .elementor-heading-title{ min-height: 0; /* no need to reserve space when stacked */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-079837d *//* ========================================================================== Sound Proof Paint / Soundproof Window & Frame / Vinyl Flooring — 3-card section Only layout/sizing changed — no colors set or overridden, your existing brand color (orange headings/buttons) stays exactly as is. Paste into Elementor: this section's Advanced > Custom CSS panel (or Site Settings > Custom CSS). ========================================================================== */ /* ---- Row of 3 cards: equal width, equal height (CSS Grid) ---- */ .elementor-element-ede1840 > .e-con-inner{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; /* forces equal height across the 3 cards */ gap: 32px; } /* Each card fills its grid cell fully */ .elementor-element-ede1840 > .e-con-inner > .e-con.e-child{ width: 100%; min-width: 0; /* prevents content from forcing the column wider */ display: flex; flex-direction: column; } /* ---- Image: same width & height in every card ---- */ .elementor-element-ede1840 .elementor-widget-image{ margin: 0; line-height: 0; } .elementor-element-ede1840 .elementor-widget-image img{ width: 100%; aspect-ratio: 1 / 1; /* same shape regardless of source image size */ object-fit: cover; display: block; } /* ---- Heading: reserve the same block height whether it wraps to 1 line or 2 lines, so every description starts at the same Y ---- */ .elementor-element-ede1840 .elementor-heading-title{ min-height: 70px; /* fits 2 lines at this font-size */ display: flex; align-items: flex-start; margin: 0; } /* ---- Description: grows to fill leftover space so every "Get a Quote" button lands on the same baseline ---- */ .elementor-element-ede1840 .elementor-widget-text-editor{ flex: 1 1 auto; } .elementor-element-ede1840 .elementor-widget-text-editor p{ margin: 0; } /* ---- Button: full width, always pinned to the bottom of the card ---- */ .elementor-element-ede1840 .elementor-widget-button{ margin-top: auto; } .elementor-element-ede1840 .elementor-button{ display: flex; align-items: center; justify-content: center; width: 100%; } /* ---- Responsive: stack on smaller screens ---- */ @media (max-width: 900px){ .elementor-element-ede1840 > .e-con-inner{ grid-template-columns: 1fr; /* stack on tablet/mobile */ } .elementor-element-ede1840 .elementor-heading-title{ min-height: 0; /* no need to reserve space when stacked */ } }/* End custom CSS */