.elementor-789 .elementor-element.elementor-element-53ff5109:not(.elementor-motion-effects-element-type-background), .elementor-789 .elementor-element.elementor-element-53ff5109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dmsoundproofing.pk/wp-content/uploads/2026/07/Educational-Space-Soundproofing-services-in-Paksitan.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-789 .elementor-element.elementor-element-53ff5109 > .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-789 .elementor-element.elementor-element-53ff5109{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 0em 6em 0em;}.elementor-789 .elementor-element.elementor-element-4f4ebc13:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-789 .elementor-element.elementor-element-4f4ebc13 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b9ee9f6 );}.elementor-789 .elementor-element.elementor-element-4f4ebc13 > .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-789 .elementor-element.elementor-element-4f4ebc13 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-789 .elementor-element.elementor-element-4f4ebc13 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-789 .elementor-element.elementor-element-1a42b964 > .elementor-container{max-width:900px;}.elementor-789 .elementor-element.elementor-element-1a42b964{padding:3em 0em 3em 0em;}.elementor-789 .elementor-element.elementor-element-58ec46c9{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-789 .elementor-element.elementor-element-58ec46c9 .elementor-heading-title{font-size:40px;color:var( --e-global-color-f8bb3dd );}.elementor-789 .elementor-element.elementor-element-721aa6b9{--display:flex;}.elementor-789 .elementor-element.elementor-element-6803cc38{--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-789 .elementor-element.elementor-element-5a5a28{--display:flex;--justify-content:center;}.elementor-789 .elementor-element.elementor-element-4372ac1f{--display:flex;}.elementor-789 .elementor-element.elementor-element-2c8b9d5b .elementor-heading-title{font-size:35px;}.elementor-789 .elementor-element.elementor-element-23292545{--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;}.elementor-789 .elementor-element.elementor-element-6302544e .elementor-heading-title{font-size:18px;}.elementor-789 .elementor-element.elementor-element-e45ca05{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-49f295cf .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-49f295cf .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-49f295cf .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-49f295cf .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-6cbc896c .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-6cbc896c .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-6cbc896c .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-6cbc896c .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-6cda1f8d .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-6cda1f8d .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-6cda1f8d .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-6cda1f8d .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-477bfded .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-477bfded .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-477bfded .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-477bfded .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-2a9ba67e .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-2a9ba67e .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-2a9ba67e .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-2a9ba67e .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-7b0b8f4a .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-7b0b8f4a .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-7b0b8f4a .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-7b0b8f4a .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-63c9641f{--display:flex;}.elementor-789 .elementor-element.elementor-element-53a96a6{--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-789 .elementor-element.elementor-element-17f654f8{--display:flex;--justify-content:center;}.elementor-789 .elementor-element.elementor-element-2c90a4c2{--display:flex;}.elementor-789 .elementor-element.elementor-element-747e8811 .elementor-heading-title{font-size:35px;}.elementor-789 .elementor-element.elementor-element-7b3c6c18{--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;}.elementor-789 .elementor-element.elementor-element-69be3862 .elementor-heading-title{font-size:18px;}.elementor-789 .elementor-element.elementor-element-3b571749{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-4603fbb3 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-4603fbb3 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-4603fbb3 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-4603fbb3 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-7808ca75 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-7808ca75 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-7808ca75 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-7808ca75 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-7e715122 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-7e715122 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-7e715122 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-7e715122 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-198bf697 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-198bf697 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-198bf697 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-198bf697 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-2781c0cc .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-2781c0cc .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-2781c0cc .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-2781c0cc .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-41316218 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-41316218 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-41316218 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-41316218 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-3b4bd171{--display:flex;}.elementor-789 .elementor-element.elementor-element-b40a70f{--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-789 .elementor-element.elementor-element-7687ff27{--display:flex;--justify-content:center;}.elementor-789 .elementor-element.elementor-element-7a4a07b9{--display:flex;}.elementor-789 .elementor-element.elementor-element-563e4847 .elementor-heading-title{font-size:35px;}.elementor-789 .elementor-element.elementor-element-73faf046{--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;}.elementor-789 .elementor-element.elementor-element-204e1648 .elementor-heading-title{font-size:18px;}.elementor-789 .elementor-element.elementor-element-367f88bd{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-61cd2b14 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-61cd2b14 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-61cd2b14 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-61cd2b14 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-4d381676 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-4d381676 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-4d381676 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-4d381676 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-5e8655a9 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-5e8655a9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-5e8655a9 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-5e8655a9 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-280c5d6d .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-280c5d6d .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-280c5d6d .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-280c5d6d .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-302b78fe .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-302b78fe .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-302b78fe .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-302b78fe .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-1f9350ca .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-1f9350ca .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-1f9350ca .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-1f9350ca .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-17f25f4{--display:flex;}.elementor-789 .elementor-element.elementor-element-53e758cd{--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-789 .elementor-element.elementor-element-30ab4b64{--display:flex;--justify-content:center;}.elementor-789 .elementor-element.elementor-element-552142a7{--display:flex;}.elementor-789 .elementor-element.elementor-element-576bf15f .elementor-heading-title{font-size:35px;}.elementor-789 .elementor-element.elementor-element-568f9ba6{--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;}.elementor-789 .elementor-element.elementor-element-73752d8c .elementor-heading-title{font-size:18px;}.elementor-789 .elementor-element.elementor-element-5eba4a7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-5590a8dc .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-5590a8dc .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-5590a8dc .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-5590a8dc .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-18eb86ab .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-18eb86ab .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-18eb86ab .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-18eb86ab .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-2de975de .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-2de975de .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-2de975de .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-2de975de .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-20924cc6 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-20924cc6 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-20924cc6 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-20924cc6 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-4245b7d7 .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-4245b7d7 .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-4245b7d7 .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-4245b7d7 .elementor-icon-box-title a{font-size:14px;}.elementor-789 .elementor-element.elementor-element-2e15d90a .elementor-icon-box-wrapper{text-align:start;}.elementor-789 .elementor-element.elementor-element-2e15d90a .elementor-icon-box-title{margin-block-end:0px;}.elementor-789 .elementor-element.elementor-element-2e15d90a .elementor-icon-box-title, .elementor-789 .elementor-element.elementor-element-2e15d90a .elementor-icon-box-title a{font-size:14px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-789 .elementor-element.elementor-element-5a5a28{--width:30%;}.elementor-789 .elementor-element.elementor-element-4372ac1f{--width:70%;}.elementor-789 .elementor-element.elementor-element-17f654f8{--width:30%;}.elementor-789 .elementor-element.elementor-element-2c90a4c2{--width:70%;}.elementor-789 .elementor-element.elementor-element-7687ff27{--width:30%;}.elementor-789 .elementor-element.elementor-element-7a4a07b9{--width:70%;}.elementor-789 .elementor-element.elementor-element-30ab4b64{--width:30%;}.elementor-789 .elementor-element.elementor-element-552142a7{--width:70%;}}@media(max-width:1024px){.elementor-789 .elementor-element.elementor-element-53ff5109{padding:5em 0em 5em 0em;}.elementor-789 .elementor-element.elementor-element-1a42b964{padding:2em 0em 2em 0em;}.elementor-789 .elementor-element.elementor-element-58ec46c9{text-align:start;}.elementor-789 .elementor-element.elementor-element-e45ca05{--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-3b571749{--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-367f88bd{--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-5eba4a7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-789 .elementor-element.elementor-element-53ff5109{padding:4em 0em 4em 0em;}.elementor-789 .elementor-element.elementor-element-4f4ebc13 > .elementor-element-populated{padding:0em 1em 0em 1em;}.elementor-789 .elementor-element.elementor-element-2a7cc4f1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-789 .elementor-element.elementor-element-58ec46c9 .elementor-heading-title{font-size:33px;}.elementor-789 .elementor-element.elementor-element-2c8b9d5b .elementor-heading-title{font-size:30px;}.elementor-789 .elementor-element.elementor-element-e45ca05{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-747e8811 .elementor-heading-title{font-size:30px;}.elementor-789 .elementor-element.elementor-element-3b571749{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-563e4847 .elementor-heading-title{font-size:30px;}.elementor-789 .elementor-element.elementor-element-367f88bd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-789 .elementor-element.elementor-element-576bf15f .elementor-heading-title{font-size:30px;}.elementor-789 .elementor-element.elementor-element-5eba4a7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:1025px){.elementor-789 .elementor-element.elementor-element-53ff5109:not(.elementor-motion-effects-element-type-background), .elementor-789 .elementor-element.elementor-element-53ff5109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-6803cc38 *//* ============================
   PRODUCT CARD - GLOBAL STYLE (COMPACT VERSION)
   Har .mainproduct card par apply hoga
   ============================ */
:root {
  --brand-color: #FD5B0C;
  --brand-color-light: #FD5B0C1A; /* 10% opacity tint */
  --card-border: #E8E8E8;
  --text-dark: #1E1E1E;
  --text-muted: #6B6B6B;
}

/* Page par sare cards ke beech gap kam kiya */
.mainproduct {
  margin-bottom: 16px !important;
}

/* ===== MAIN CARD WRAPPER ===== */
.mainproduct {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  padding: 14px !important;   /* pehle 24px tha */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
  max-width: 100%;

  /* NAYA: card ko screen height ke andar fit karne ke liye */
  max-height: 100vh;
  display: flex;
  align-items: center;
}

.mainproduct:hover {
  box-shadow: 0 8px 24px rgba(253, 91, 12, 0.15);
  border-color: var(--brand-color);
  transform: translateY(-2px);
}

.mainproduct .e-con-full {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== PRODUCT IMAGE ===== */
.mainproduct img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  max-height: 80vh;      /* NAYA: image ki height limit ki */
  object-fit: cover;
  display: block;
}

/* ===== HEADING ===== */
.mainproduct h2.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 24px;         /* pehle bada tha, compact kiya */
  position: relative;
  padding-bottom: 6px;      /* pehle 10px */
  margin-bottom: 8px;       /* pehle 12px */
  line-height: 1.2;
}

.mainproduct h2.elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: var(--brand-color);
  border-radius: 3px;
}

/* ===== DESCRIPTION TEXT ===== */
.mainproduct .desc {
  color: var(--text-muted);
  font-size: 13px;          /* pehle 15px */
  line-height: 1.45;         /* pehle 1.7 */
  margin-bottom: 10px;       /* pehle 16px */

  /* Agar description bohot lamba ho to isko limit karne ka option: */
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

/* ===== FEATURE TAGS ===== */
.mainproduct .feat {
  display: inline-block;
  background: var(--brand-color-light);
  color: var(--brand-color);
  font-weight: 600;
  font-size: 11px;           /* pehle 13px */
  padding: 4px 10px;          /* pehle 6px 14px */
  border-radius: 20px;
  margin: 0 5px 5px 0;         /* pehle 8px */
  border: 1px solid var(--brand-color);
}

.mainproduct > .e-con-full:has(.feat) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px !important;   /* pehle 16px */
}

/* ===== TECHNICAL SPECS HEADING ===== */
.mainproduct h3.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 14px;            /* pehle 18px */
  margin: 8px 0 8px;           /* pehle 16px 0 12px */
  border-left: 4px solid var(--brand-color);
  padding-left: 8px;
}

/* ===== TECH SPECS GRID ===== */
.mainproduct .techni {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;                   /* pehle 14px */
}

.mainproduct .techitem {
  background: #FAFAFA;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 8px 10px;            /* pehle 12px 14px */
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mainproduct .techitem:hover {
  background: var(--brand-color-light);
  border-color: var(--brand-color);
}

.mainproduct .techitem .elementor-icon-box-title span {
  color: var(--brand-color);
  font-weight: 700;
  font-size: 10.5px;          /* pehle 13px */
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.mainproduct .techitem .elementor-icon-box-description {
  color: var(--text-dark);
  font-size: 12px;             /* pehle 14px */
  margin-top: 2px;              /* pehle 4px */
  line-height: 1.3;
}

/* ============================
   MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 767px) {
  .mainproduct {
    padding: 10px !important;
    border-radius: 10px;
    max-height: none;          /* mobile par scroll allow karna better he */
    display: block;
  }
  .mainproduct img {
    max-height: 40vh;
  }
  .mainproduct .techni {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .mainproduct h2.elementor-heading-title {
    font-size: 17px;
  }
  .mainproduct h3.elementor-heading-title {
    font-size: 13px;
  }
  .mainproduct .desc {
    font-size: 12px;
  }
  .mainproduct .feat {
    font-size: 10.5px;
    padding: 3px 8px;
  }
}

@media (max-width: 480px) {
  .mainproduct .techni {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53a96a6 *//* ============================
   PRODUCT CARD - GLOBAL STYLE (COMPACT VERSION)
   Har .mainproduct card par apply hoga
   ============================ */
:root {
  --brand-color: #FD5B0C;
  --brand-color-light: #FD5B0C1A; /* 10% opacity tint */
  --card-border: #E8E8E8;
  --text-dark: #1E1E1E;
  --text-muted: #6B6B6B;
}

/* Page par sare cards ke beech gap kam kiya */
.mainproduct {
  margin-bottom: 16px !important;
}

/* ===== MAIN CARD WRAPPER ===== */
.mainproduct {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  padding: 14px !important;   /* pehle 24px tha */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
  max-width: 100%;

  /* NAYA: card ko screen height ke andar fit karne ke liye */
  max-height: 100vh;
  display: flex;
  align-items: center;
}

.mainproduct:hover {
  box-shadow: 0 8px 24px rgba(253, 91, 12, 0.15);
  border-color: var(--brand-color);
  transform: translateY(-2px);
}

.mainproduct .e-con-full {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== PRODUCT IMAGE ===== */
.mainproduct img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  max-height: 80vh;      /* NAYA: image ki height limit ki */
  object-fit: cover;
  display: block;
}

/* ===== HEADING ===== */
.mainproduct h2.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 24px;         /* pehle bada tha, compact kiya */
  position: relative;
  padding-bottom: 6px;      /* pehle 10px */
  margin-bottom: 8px;       /* pehle 12px */
  line-height: 1.2;
}

.mainproduct h2.elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: var(--brand-color);
  border-radius: 3px;
}

/* ===== DESCRIPTION TEXT ===== */
.mainproduct .desc {
  color: var(--text-muted);
  font-size: 13px;          /* pehle 15px */
  line-height: 1.45;         /* pehle 1.7 */
  margin-bottom: 10px;       /* pehle 16px */

  /* Agar description bohot lamba ho to isko limit karne ka option: */
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

/* ===== FEATURE TAGS ===== */
.mainproduct .feat {
  display: inline-block;
  background: var(--brand-color-light);
  color: var(--brand-color);
  font-weight: 600;
  font-size: 11px;           /* pehle 13px */
  padding: 4px 10px;          /* pehle 6px 14px */
  border-radius: 20px;
  margin: 0 5px 5px 0;         /* pehle 8px */
  border: 1px solid var(--brand-color);
}

.mainproduct > .e-con-full:has(.feat) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px !important;   /* pehle 16px */
}

/* ===== TECHNICAL SPECS HEADING ===== */
.mainproduct h3.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 14px;            /* pehle 18px */
  margin: 8px 0 8px;           /* pehle 16px 0 12px */
  border-left: 4px solid var(--brand-color);
  padding-left: 8px;
}

/* ===== TECH SPECS GRID ===== */
.mainproduct .techni {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;                   /* pehle 14px */
}

.mainproduct .techitem {
  background: #FAFAFA;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 8px 10px;            /* pehle 12px 14px */
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mainproduct .techitem:hover {
  background: var(--brand-color-light);
  border-color: var(--brand-color);
}

.mainproduct .techitem .elementor-icon-box-title span {
  color: var(--brand-color);
  font-weight: 700;
  font-size: 10.5px;          /* pehle 13px */
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.mainproduct .techitem .elementor-icon-box-description {
  color: var(--text-dark);
  font-size: 12px;             /* pehle 14px */
  margin-top: 2px;              /* pehle 4px */
  line-height: 1.3;
}

/* ============================
   MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 767px) {
  .mainproduct {
    padding: 10px !important;
    border-radius: 10px;
    max-height: none;          /* mobile par scroll allow karna better he */
    display: block;
  }
  .mainproduct img {
    max-height: 40vh;
  }
  .mainproduct .techni {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .mainproduct h2.elementor-heading-title {
    font-size: 17px;
  }
  .mainproduct h3.elementor-heading-title {
    font-size: 13px;
  }
  .mainproduct .desc {
    font-size: 12px;
  }
  .mainproduct .feat {
    font-size: 10.5px;
    padding: 3px 8px;
  }
}

@media (max-width: 480px) {
  .mainproduct .techni {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b40a70f *//* ============================
   PRODUCT CARD - GLOBAL STYLE (COMPACT VERSION)
   Har .mainproduct card par apply hoga
   ============================ */
:root {
  --brand-color: #FD5B0C;
  --brand-color-light: #FD5B0C1A; /* 10% opacity tint */
  --card-border: #E8E8E8;
  --text-dark: #1E1E1E;
  --text-muted: #6B6B6B;
}

/* Page par sare cards ke beech gap kam kiya */
.mainproduct {
  margin-bottom: 16px !important;
}

/* ===== MAIN CARD WRAPPER ===== */
.mainproduct {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  padding: 14px !important;   /* pehle 24px tha */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
  max-width: 100%;

  /* NAYA: card ko screen height ke andar fit karne ke liye */
  max-height: 100vh;
  display: flex;
  align-items: center;
}

.mainproduct:hover {
  box-shadow: 0 8px 24px rgba(253, 91, 12, 0.15);
  border-color: var(--brand-color);
  transform: translateY(-2px);
}

.mainproduct .e-con-full {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== PRODUCT IMAGE ===== */
.mainproduct img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  max-height: 80vh;      /* NAYA: image ki height limit ki */
  object-fit: cover;
  display: block;
}

/* ===== HEADING ===== */
.mainproduct h2.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 24px;         /* pehle bada tha, compact kiya */
  position: relative;
  padding-bottom: 6px;      /* pehle 10px */
  margin-bottom: 8px;       /* pehle 12px */
  line-height: 1.2;
}

.mainproduct h2.elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: var(--brand-color);
  border-radius: 3px;
}

/* ===== DESCRIPTION TEXT ===== */
.mainproduct .desc {
  color: var(--text-muted);
  font-size: 13px;          /* pehle 15px */
  line-height: 1.45;         /* pehle 1.7 */
  margin-bottom: 10px;       /* pehle 16px */

  /* Agar description bohot lamba ho to isko limit karne ka option: */
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

/* ===== FEATURE TAGS ===== */
.mainproduct .feat {
  display: inline-block;
  background: var(--brand-color-light);
  color: var(--brand-color);
  font-weight: 600;
  font-size: 11px;           /* pehle 13px */
  padding: 4px 10px;          /* pehle 6px 14px */
  border-radius: 20px;
  margin: 0 5px 5px 0;         /* pehle 8px */
  border: 1px solid var(--brand-color);
}

.mainproduct > .e-con-full:has(.feat) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px !important;   /* pehle 16px */
}

/* ===== TECHNICAL SPECS HEADING ===== */
.mainproduct h3.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 14px;            /* pehle 18px */
  margin: 8px 0 8px;           /* pehle 16px 0 12px */
  border-left: 4px solid var(--brand-color);
  padding-left: 8px;
}

/* ===== TECH SPECS GRID ===== */
.mainproduct .techni {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;                   /* pehle 14px */
}

.mainproduct .techitem {
  background: #FAFAFA;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 8px 10px;            /* pehle 12px 14px */
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mainproduct .techitem:hover {
  background: var(--brand-color-light);
  border-color: var(--brand-color);
}

.mainproduct .techitem .elementor-icon-box-title span {
  color: var(--brand-color);
  font-weight: 700;
  font-size: 10.5px;          /* pehle 13px */
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.mainproduct .techitem .elementor-icon-box-description {
  color: var(--text-dark);
  font-size: 12px;             /* pehle 14px */
  margin-top: 2px;              /* pehle 4px */
  line-height: 1.3;
}

/* ============================
   MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 767px) {
  .mainproduct {
    padding: 10px !important;
    border-radius: 10px;
    max-height: none;          /* mobile par scroll allow karna better he */
    display: block;
  }
  .mainproduct img {
    max-height: 40vh;
  }
  .mainproduct .techni {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .mainproduct h2.elementor-heading-title {
    font-size: 17px;
  }
  .mainproduct h3.elementor-heading-title {
    font-size: 13px;
  }
  .mainproduct .desc {
    font-size: 12px;
  }
  .mainproduct .feat {
    font-size: 10.5px;
    padding: 3px 8px;
  }
}

@media (max-width: 480px) {
  .mainproduct .techni {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53e758cd *//* ============================
   PRODUCT CARD - GLOBAL STYLE (COMPACT VERSION)
   Har .mainproduct card par apply hoga
   ============================ */
:root {
  --brand-color: #FD5B0C;
  --brand-color-light: #FD5B0C1A; /* 10% opacity tint */
  --card-border: #E8E8E8;
  --text-dark: #1E1E1E;
  --text-muted: #6B6B6B;
}

/* Page par sare cards ke beech gap kam kiya */
.mainproduct {
  margin-bottom: 16px !important;
}

/* ===== MAIN CARD WRAPPER ===== */
.mainproduct {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  padding: 14px !important;   /* pehle 24px tha */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
  max-width: 100%;

  /* NAYA: card ko screen height ke andar fit karne ke liye */
  max-height: 100vh;
  display: flex;
  align-items: center;
}

.mainproduct:hover {
  box-shadow: 0 8px 24px rgba(253, 91, 12, 0.15);
  border-color: var(--brand-color);
  transform: translateY(-2px);
}

.mainproduct .e-con-full {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== PRODUCT IMAGE ===== */
.mainproduct img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  max-height: 80vh;      /* NAYA: image ki height limit ki */
  object-fit: cover;
  display: block;
}

/* ===== HEADING ===== */
.mainproduct h2.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 24px;         /* pehle bada tha, compact kiya */
  position: relative;
  padding-bottom: 6px;      /* pehle 10px */
  margin-bottom: 8px;       /* pehle 12px */
  line-height: 1.2;
}

.mainproduct h2.elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: var(--brand-color);
  border-radius: 3px;
}

/* ===== DESCRIPTION TEXT ===== */
.mainproduct .desc {
  color: var(--text-muted);
  font-size: 13px;          /* pehle 15px */
  line-height: 1.45;         /* pehle 1.7 */
  margin-bottom: 10px;       /* pehle 16px */

  /* Agar description bohot lamba ho to isko limit karne ka option: */
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

/* ===== FEATURE TAGS ===== */
.mainproduct .feat {
  display: inline-block;
  background: var(--brand-color-light);
  color: var(--brand-color);
  font-weight: 600;
  font-size: 11px;           /* pehle 13px */
  padding: 4px 10px;          /* pehle 6px 14px */
  border-radius: 20px;
  margin: 0 5px 5px 0;         /* pehle 8px */
  border: 1px solid var(--brand-color);
}

.mainproduct > .e-con-full:has(.feat) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px !important;   /* pehle 16px */
}

/* ===== TECHNICAL SPECS HEADING ===== */
.mainproduct h3.elementor-heading-title {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 14px;            /* pehle 18px */
  margin: 8px 0 8px;           /* pehle 16px 0 12px */
  border-left: 4px solid var(--brand-color);
  padding-left: 8px;
}

/* ===== TECH SPECS GRID ===== */
.mainproduct .techni {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;                   /* pehle 14px */
}

.mainproduct .techitem {
  background: #FAFAFA;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 8px 10px;            /* pehle 12px 14px */
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mainproduct .techitem:hover {
  background: var(--brand-color-light);
  border-color: var(--brand-color);
}

.mainproduct .techitem .elementor-icon-box-title span {
  color: var(--brand-color);
  font-weight: 700;
  font-size: 10.5px;          /* pehle 13px */
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.mainproduct .techitem .elementor-icon-box-description {
  color: var(--text-dark);
  font-size: 12px;             /* pehle 14px */
  margin-top: 2px;              /* pehle 4px */
  line-height: 1.3;
}

/* ============================
   MOBILE RESPONSIVENESS
   ============================ */
@media (max-width: 767px) {
  .mainproduct {
    padding: 10px !important;
    border-radius: 10px;
    max-height: none;          /* mobile par scroll allow karna better he */
    display: block;
  }
  .mainproduct img {
    max-height: 40vh;
  }
  .mainproduct .techni {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .mainproduct h2.elementor-heading-title {
    font-size: 17px;
  }
  .mainproduct h3.elementor-heading-title {
    font-size: 13px;
  }
  .mainproduct .desc {
    font-size: 12px;
  }
  .mainproduct .feat {
    font-size: 10.5px;
    padding: 3px 8px;
  }
}

@media (max-width: 480px) {
  .mainproduct .techni {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */