/* Fonts */

       @font-face {
           font-family: "Inter-light";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-Light.ttf");
       }

       @font-face {
           font-family: "Inter-Regular";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-Regular.ttf");
       }

       @font-face {
           font-family: "Inter-Medium";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-Medium.ttf");
       }

       @font-face {
           font-family: "Inter-Semibold";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-SemiBold.ttf");
       }

       @font-face {
           font-family: "Inter-Bold";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-Bold.ttf");
       }

       @font-face {
           font-family: "Inter-extrabold";
           font-display: swap;
           src: url("../fonts/Inter/Inter_18pt-ExtraBold.ttf");
       }

       @font-face {
           font-family: "Newscience-light";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Light.otf");
       }

       @font-face {
           font-family: "Newscience-Regular";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Regular.otf");
       }

       @font-face {
           font-family: "Newscience-Medium";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Medium.otf");
       }

       @font-face {
           font-family: "Newscience-Semibold";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_SemiBold.otf");
       }

       @font-face {
           font-family: "Newscience-Bold";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Bold.otf");
       }

       @font-face {
           font-family: "Newscience-Extrabold";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Bold_Extended.otf");
       }

       @font-face {
           font-family: "Newscience-Extrabold";
           font-display: swap;
           src: url("../fonts/new-science/fonnts.com-New_Science_Bold_Extended.otf");
       }

       @font-face {
           font-family: "Urbanist-Light";
           font-display: swap;
           src: url("../fonts/Urbanist/Urbanist-Light.ttf");
       }

       @font-face {
           font-family: "Urbanist-Regular";
           font-display: swap;
           src: url("../fonts/Urbanist/Urbanist-Regular.ttf");
       }

       @font-face {
           font-family: "Urbanist-Medium";
           font-display: swap;
           src: url("../fonts/Urbanist/Urbanist-Medium.ttf");
       }

       @font-face {
           font-family: "Urbanist-Semibold";
           font-display: swap;
           src: url("../fonts/Urbanist/Urbanist-SemiBold.ttf");
       }

       @font-face {
           font-family: "Urbanist-Bold";
           font-display: swap;
           src: url("../fonts/Urbanist/Urbanist-Bold.ttf");
       }


       .inter-semibold {
           font-family: "Inter-Semibold" !important;
       }

       /* Fonts */
       /* :root {
     --primary-dark: #001f3f;
     --text-dark: #333;
     --text-light: #666;
     --accent-color: #001f3f;
     --line-color: #999;
     
     --shadow-offset: 0;
     --shadow-blur: 20px;
     --shadow-spread: -5px;
     --shadow-color: rgba(0, 0, 0, 0.4);

     --tint-color: 0, 0, 0;
     --tint-opacity: 0.2;

     --frost-blur: 2px;

     --noise-frequency: 0.008;
     --distortion-strength: 77;

     --outer-shadow-blur: 24px;
 } */

       /* container */


       /* container Ends*/

       body {
           overflow-x: hidden !important;
       }

       /* Header */
       /* --- Custom Header Styles --- */
       .headerWrapmz {
           padding: 36px 0 28px 0;
           position: relative;
       }

       .headerWrapmz::after {
           position: absolute;
           right: 0;
           bottom: -18.5px;
           width: 52%;
           height: 40%;
           background: #092f50;
           content: "";
           z-index: 2;
       }

       .headerlogo {
           width: 100%;
           height: 65px;
       }

       .headerlogo img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .headertopbar .topbarListwrap {
           display: flex;
           padding-left: 0;
           justify-content: flex-end;
           list-style: none;
           margin-bottom: 0;
           gap: 0 24px;
       }

       .headertopbar .topbarListwrap li a {
           text-decoration: none;
           font-size: 0.73vw;
           color: #525252;
           font-family: "Inter-Regular";
           /* text-transform: uppercase; */
       }

       .headermain_nvbar {
           position: relative;
       }

       .headermain_nvbar .navbar {
           position: absolute;
           right: 0;
           width: 88%;
           top: 36px !important;
           z-index: 5;
           padding: 0 0 0 55px;
           background-color: #092f50;
           height: 52px;
           clip-path: polygon(32px 0, 100% 0, 100% 100%, 0% 100%);
       }

       /* .headermain_nvbar .navbar {
    background-image: url("../images/headernavbarbg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    width: 88%;
    top: 36px !important;
    z-index: 5;
    padding: 0 0 0 55px;
} */

       .headermain_nvbar .navbar .navbar-nav {
           gap: 20px;
       }

       .headermain_nvbar .navbar .navbar-nav .nav-link {
           color: rgba(255, 255, 255, 0.99);
           font-family: "Inter-Regular";
           font-size: 0.73vw;
           font-style: normal;
           line-height: 20px;
           /* 142.857% */
           text-transform: uppercase;
       }

       .headermain_nvbar .navbar .navbar-nav .nav-link.active {
           text-decoration: underline;
           font-family: "Inter-Semibold";
       }

       .btn-quote {
           background: rgba(255, 244, 199, 0.47);
           box-shadow: 0 7.749px 45.387px 0 rgba(0, 0, 0, 0.20);
           border-radius: 0;
           color: #FFF;
           text-align: center;
           font-family: "Newscience-Bold";
           font-size: 0.83vw;
           font-style: normal;
           line-height: 1.6em;
           /* 96.863% */
           letter-spacing: -0.554px;
           text-transform: capitalize;
           padding: 17px;
           transition: 0.4s ease;
           border: 1px solid #7c8b88;
           text-decoration: none;
       }

       .btn-quote:hover {
           background: rgb(204 196 162 / 47%);
           color: #FFF;
       }

       .mobileHeadermz {
           display: none;
       }

       /* Base bar styling */
       .custom-toggler .bar {
           display: block;
           width: 24px;
           height: 2px;
           background-color: #092f50;
           /* Change color if needed */
           margin: 5px auto;
           transition: all 0.3s ease;
           position: relative;
       }

       /* Hamburger state */
       .custom-toggler.collapsed .bar1 {
           transform: rotate(0) translate(0, 0);
           top: 0;
       }

       .custom-toggler.collapsed .bar2 {
           opacity: 1;
       }

       .custom-toggler.collapsed .bar3 {
           transform: rotate(0) translate(0, 0);
           top: 0;
       }

       /* X state */
       .custom-toggler:not(.collapsed) .bar1 {
           transform: rotate(45deg) translate(6px, 6px);
       }

       .custom-toggler:not(.collapsed) .bar2 {
           opacity: 0;
       }

       .custom-toggler:not(.collapsed) .bar3 {
           transform: rotate(-45deg) translate(4px, -4px);
       }

       /* Remove Bootstrap default toggler styles */
       button.navbar-toggler {
           border: none;
           background: transparent;
           padding-right: 0;
       }

       button.navbar-toggler:focus {
           outline: none;
           box-shadow: none;
       }

       /* Header Ends*/

       /****************** Home page *************************/
       .heroSection {
           padding: 16% 0 13% 0;
           margin: auto;
           position: relative;
           width: 100%;
           background-image: url(https://nextspan.ca/wp-content/uploads/2026/01/BN-Mobile-1.png);
           background-size: cover;
           background-repeat: no-repeat;
           overflow: hidden;
           background-position: 100% 25%;

       }

       /*       .heroSection {
          padding: 16% 0 13% 0;
          margin: auto;
          position: relative;
          width: 100%;
          background-image: url("../images/home-pg/video_thumbnail.webp");
          background-size: cover;
          background-repeat: no-repeat;
		  overflow: hidden;
      } */

       /*       .heroSection:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          content: "";
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.46) 100%);
          z-index: 1;
      } */
       .heroSection img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           z-index: 0;
           transform: scale(1);
           /*            animation: zoomInOut 12s ease-in-out infinite; */
       }

       /* Zoom animation */
       /*       @keyframes zoomInOut {
            0% {
                transform: scale(1) translateX(0);
            }

            50% {
                transform: scale(1.1) translateX(-3%);
            }

            100% {
                transform: scale(1) translateX(0);
            }
        } */

       .heroSection video {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           z-index: 0;
       }

       .heroContent h1 {
           font-size: 3.23vw;
           color: #FFFFFF;
           font-family: 'Newscience-Bold';
           z-index: 1;
           position: relative;
           text-align: center;
           line-height: 1.2em;
           text-transform: uppercase;
           margin-bottom: 20px;
       }

       .heroContent p {
           font-size: 18px;
           color: #FFFFFF;
           font-family: 'Inter-Medium';
           z-index: 1;
           position: relative;
           text-align: center;
           line-height: 1.8em;
           max-width: 35%;
           margin: auto;
       }

       /* new nov */

       /* resrc_btns */
       .nxtspanBtnswrapr {
           position: relative;
           width: 68%;
           margin: auto;
           z-index: 2;
       }

       .nxtproductBtnss {
           display: flex;
           justify-content: center;
           gap: 10px;
           /* position: absolute; */
           /* top: -33px; */
           /* left: 50%; */
           /* transform: translateX(-50%); */
           width: 100%;
           margin-top: -47px;
           justify-content: center;
       }

       .nxtproductBtnss.nxtproductBtnssMobile {
           display: none;
       }

       .prodtdtlbtn {
           flex: 0 0 calc(25% - 5px);
       }

       .prodtdtlbtn a {
           display: block;
           padding: 18px 27px;
           background: #092F50;
           text-decoration: none;
           color: #FFFFFF;
           font-family: 'Newscience-Semibold';
           text-align: center;
           font-size: 1vw;
           line-height: 1.3em;
           text-transform: uppercase;
           transition: 0.4s ease;
       }

       .first_prolinkwrap a {
           clip-path: polygon(16.7% 0%, 100% 0%, 100% 100%, 0% 100%);
       }

       .forth_prolinkwrap a {
           clip-path: polygon(0% 100%, 79.84% 100%, 100% 0%, 0% 0%);
       }

       .prodtdtlbtn a:hover {
           background: #EEEEEE;
           color: #092F50;
       }

       .hmpanelcaptureLogomz p {
           font-size: 0.9245vw;
           color: #092F50;
           font-family: "Urbanist-Semibold";
           letter-spacing: 3.55px;
           text-align: center;
       }

       /* product List sec */
       .productsCatgrview {
           padding: 5% 0 30px 0;
       }

       .nextpanelCatpara span {
           font-family: "Newscience-Bold";
       }

       .nextpanelCatpara p {
           font-size: 1.98vw;
           font-family: 'Newscience-Medium';
           line-height: 1.6em;
           color: #000000;
           margin-top: 24px;
       }



       .nextpanelCatpara.hm_scndnextpanelCatpara p {
           text-align: center;
           white-space: nowrap;
       }

       br.mobBrmz {
           display: none;
       }

       /* FIXED WIDTH HOLDER */
       .word-wrap {
           display: inline-block;
           min-width: 9ch;
           text-align: left;
       }

       /* Changing word animation safe */
       #changingword {
           display: inline-block;
           transition: 0.4s ease;
       }

       .nxtpnl_catuperlogo.nxtpnl_catuperlogo_hmsecond {
           margin: auto;
       }

       .nxtpnl_catuperlogo {
           width: 249.64px;
           height: 35.5px;
           margin-bottom: 12px;
       }

       .nxtpnl_catuperlogo img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .nxtspanProdbtnn {
           text-align: right;
       }

       .NwwnxtspanProdbtnn {
           text-align: left;
           padding-left: 15%;
       }

       .nxtspanProdbtnn.NwwnxtspanProdbtnn {
           text-align: center;
           padding-left: 0;
           margin-bottom: 28px;
       }

       .nxtspanProdbtnn a {
           border-radius: 60px;
           background: #092F50;
           box-shadow: 0 7.749px 45.387px 0 rgba(0, 0, 0, 0.20);
           padding: 19px 28px;
           font-size: 0.83vw;
           color: #FFFFFF;
           font-family: 'Newscience-Bold';
           text-decoration: none;
       }

       .nxtspanProdbtnn a img {
           margin-left: 16px;
           transition: 0.6s ease;
       }

       .nxtspanProdbtnn a:hover img {
           margin-left: 30px;
       }

       /* panel changing sec */
       /* panel changing sec */
       .panel_nxtspn_rw {
           padding: 20px 0 0 0;
       }

       .panel_nxtspn_rw_scnd .panel_nxtspn_rw {
           padding: 12px 0 0 0;
       }

       /* --- Wrapper --- */
       .mzpanelthreedImgwrap {
           position: relative;
           width: 100%;
           padding-top: 70%;
           overflow: hidden;
           -webkit-mask-image: linear-gradient(to right, black 95%, transparent 100%);
           mask-image: linear-gradient(to right, black 95%, transparent 100%);
       }

       .panel_nxtspn_rw_third .mzpanelthreedImgwrap {
           -webkit-mask-image: linear-gradient(to left black 95%, transparent 100%);
           mask-image: linear-gradient(to left, black 95%, transparent 100%);
       }

       /* --- Shared Image Styles --- */
       .mzpanelthreedImgwrap .ns-panel-img {
           position: absolute;
           top: 5%;
           height: 90%;
           width: auto;
           max-width: 45%;
           object-fit: contain;

           /* DEFAULT STATE: Smooth Entry */
           transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s ease, right 0.5s ease-in-out, top 0.5s ease-in-out;

           opacity: 1;
           transform: translateX(0) scale(1);
           will-change: transform, opacity, right, top;
       }

       /* =========================================
   STANDARD POSITIONS
   ========================================= */
       .mzpanelthreedImgwrap .panel-pos-1 {
           right: 8%;
           z-index: 1;
           transition-delay: 0s;
       }

       .mzpanelthreedImgwrap .panel-pos-2 {
           right: 30%;
           z-index: 2;
           transition-delay: 0.2s;
       }

       .mzpanelthreedImgwrap .panel-pos-3 {
           right: 55%;
           z-index: 3;
           transition-delay: 0.4s;
       }

       /* Specific Panel Type Tweaks */
       .mzpanelthreedImgwrap.wallmz .panel-pos-2,
       .mzpanelthreedImgwrap.roofmz .panel-pos-2,
       .mzpanelthreedImgwrap.partitionmz .panel-pos-2 {
           top: 8%;
           right: 32%;
       }

       .mzpanelthreedImgwrap.wallmz .panel-pos-3,
       .mzpanelthreedImgwrap.partitionmz .panel-pos-3 {
           top: 10%;
           right: 55%;
       }

       .mzpanelthreedImgwrap.roofmz .panel-pos-3 {
           top: 11%;
           right: 51%;
       }

       .mzpanelthreedImgwrap.coldmz .panel-pos-3,
       .mzpanelthreedImgwrap.coldmz .panel-pos-2 {
           top: 6%;
       }

       /* =========================================
   CASCADING EXIT (Overlap/Train Effect)
   ========================================= */

       /* Common Properties for the Exit State */
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-1,
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-2,
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-3 {
           /* Align all to the same vertical level */
           /* top: 5% !important;  */

           /* Move Far Right */
           transform: translateX(200%) scale(0.9) !important;
           opacity: 0 !important;

           /* Same speed for all (0.7s) */
           transition:
               transform 0.7s ease-in,
               opacity 0.7s ease-in,
               top 0.5s ease-in !important;
       }

       /* --- Overlapping Timing --- */

       /* Layer 1: Starts Immediately */
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-1 {
           transition-delay: 0.23s !important;
       }

       /* Layer 2: Starts very shortly after Layer 1 (0.15s later) */
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-2 {
           transition-delay: 0.15s !important;
       }

       /* Layer 3: Starts very shortly after Layer 2 (0.3s later) */
       .mzpanelthreedImgwrap.cascade-exit .panel-pos-3 {
           transition-delay: 0.12s !important;
       }

       /* =========================================
   RESET (Teleport Left)
   ========================================= */
       .mzpanelthreedImgwrap .ns-panel-img.prepare-entry {
           transition: none !important;
           transform: translateX(-200%) scale(0.9) !important;
           /* Move far Left instantly */
           opacity: 0 !important;
           right: auto;
           top: auto;
       }

       /* new third homepage */
       /* =======================================================
   CUSTOM FLOW FOR .panel_nxtspn_rw_third
   Direction: Right to Left (Continuous Flow)
   Sequence: 1 -> 2 -> 3 (For both Entry & Exit)
   ======================================================= */

       /* --- 1. ENTRY CONFIGURATION (Start from Right) --- */
       /* When resetting, place images off-screen to the RIGHT */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap .ns-panel-img.prepare-entry {
           transform: translateX(200%) scale(0.9) !important;
           opacity: 0 !important;
       }

       /* --- 2. ENTRY SEQUENCE (1 -> 2 -> 3) --- */
       /* Image 1 arrives first */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap .panel-pos-1 {
           transition-delay: 0s !important;
           left: 5%;
           right: unset;
       }

       /* Image 2 arrives second */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap .panel-pos-2 {
           transition-delay: 0.2s !important;
           left: 28%;
           right: 0;
       }

       /* Image 3 arrives last */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap .panel-pos-3 {
           transition-delay: 0.4s !important;
           left: 53%;
           right: unset;
       }

       /* --- 3. EXIT CONFIGURATION (Move towards Left) --- */
       /* When exiting, move images off-screen to the LEFT */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap.cascade-exit .ns-panel-img {
           transform: translateX(-200%) scale(0.9) !important;
           opacity: 0 !important;

           /* Smooth movement speed */
           transition: transform 0.7s ease-in, opacity 0.7s ease-in !important;
       }

       /* --- 4. EXIT SEQUENCE (1 -> 2 -> 3) --- */
       /* Image 1 leaves first */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap.cascade-exit .panel-pos-1 {
           transition-delay: 0s !important;
       }

       /* Image 2 follows */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap.cascade-exit .panel-pos-2 {
           transition-delay: 0.15s !important;
       }

       /* Image 3 leaves last */
       .panel_nxtspn_rw_third .mzpanelthreedImgwrap.cascade-exit .panel-pos-3 {
           transition-delay: 0.3s !important;
       }

       /* new third homepage Ends*/

       /* Mobile Fix */

       /* Right Side List */
       .nxtspanmz_panel-list {
           list-style: none;
           padding: 50px 15% 0 0%;
           margin: 0;
       }

       .panel_nxtspn_rw_scnd .nxtspanmz_panel-list {
           list-style: none;
           padding: 50px 0 0 15%;
           margin: 0;
       }

       .mznxtspanpanel-item {
           display: flex;
           align-items: flex-start;
           padding-bottom: 38px;
           /* Use padding instead of margin for line continuity */
           cursor: pointer;
           position: relative;
           padding-left: 0;
           transition: all 0.3s ease;
       }

       /* Vertical Line */
       .mznxtspanpanel-item::before {
           content: '';
           position: absolute;
           left: 16.4px;
           /* Center of circle (20px padding + 12px radius - 1px half line width) */
           top: 0px;
           /* Extend up to meet previous */
           bottom: 0px;
           /* Extend down to meet next */
           width: 0.76px;
           background-color: #092f503d;
           z-index: 0;
       }

       .mznxtspanpanel-item:first-child::before {
           top: 17px;
           /* Start at center of first circle */
       }

       .mznxtspanpanel-item:last-child::before {
           bottom: auto;
           /* height: 27px; */
           /* End at center of last circle (17px + 10px top offset) */
       }

       /* Radio Button / Indicator Style */
       .indicator-circle {
           width: 34.41px;
           height: 34.41px;
           border: 2px solid #444444;
           border-radius: 50%;
           margin-right: 32px;
           flex-shrink: 0;
           position: relative;
           margin-top: 0;
           /* Align with title */
           transition: all 0.3s ease;
           background-color: #FFFFFF;
           /* Match body bg to hide line behind */
           z-index: 1;
       }

       .mznxtspanpanel-item.active .indicator-circle {
           border-color: #003366;
           /* Dark Blue */
       }

       .mznxtspanpanel-item.active .indicator-circle::after {
           content: '';
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           width: 17.21px;
           height: 17.21px;
           background-color: #003366;
           border-radius: 50%;
       }

       /* Icon */
       .panel-icon {
           width: 40px;
           height: 40px;
           margin-right: 32px;
           flex-shrink: 0;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .panel-icon img {
           width: 100%;
           height: auto;
       }

       /* Text Content */
       .panel-text-wrapper {
           flex: 1;
       }

       .panel-title {
           font-size: 1.5625vw;
           color: #000000;
           margin-bottom: 5px;
           font-family: 'Newscience-Bold';
           text-transform: uppercase;
       }

       .panel-description {
           font-size: 0.9375vw;
           color: #383838;
           font-family: 'Inter-Regular';
           line-height: 1.6;
           display: none;
           /* Hidden by default */
           opacity: 0;
           transition: opacity 0.4s ease;
       }

       /* Active State Logic */
       .mznxtspanpanel-item.active .panel-description {
           display: block;
           opacity: 1;
           animation: fadeIn 0.5s forwards;
       }

       .mznxtspanpanel-item.active .panel-description {
           max-height: 150px;
           opacity: 1;
       }

       .mznxtspanpanel-item.active .panel-title {
           color: #003366;
       }

       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(-5px);
           }

           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       /* panel changing sec Ends*/

       /* comprehensive sec */
       .comprehensive_panels_sc {
           background-image: url("../images/home-pg/comprehensive_baner_bg.png");
           background-size: cover;
           background-repeat: no-repeat;
           padding: 60px 0;
           margin-bottom: 34px;
       }

       .nxt_cmpr_scleft h2 {
           font-size: 2vw;
           color: #000000;
           font-family: 'Newscience-Regular';
           line-height: 1.45em;
       }

       .nxt_cmpr_scleft span {
           font-family: "Newscience-Bold";
       }

       .nxt_cmpr_scleft h3 {
           font-size: 1.25vw;
           font-family: 'Inter-Semibold';
           color: #3B3B3B;
           line-height: 1.2em;
           margin-top: 21px;
       }

       .nxt_cmpr_scrit p {
           font-size: 0.9vw;
           font-family: 'Newscience-Regular';
           color: #373737;
           line-height: 1.7em;
           padding-right: 10px;
           margin-bottom: 32px;
           text-align: justify;
       }

       .nxt_cmpr_scrit .nxtspanProdbtnn {
           text-align: left;
       }

       /* comprehensive sec Ends*/

       /* second video sec */
       .nxtspnscnd_vd_sc {
           position: relative;
           margin: 0 0 70px 0;
       }

       /* .nxtscndinnervideoWrap::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.43);
    z-index: 1;
} */

       .nxtscndinnervideoWrap {
           position: relative;
           padding-top: 44%;
           width: 100%;
           border-bottom: 8px solid #092f50;
       }

       .nxtscndinnervideoWrap video {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .nxtscndvideo-content {
           position: absolute;
           bottom: 30px;
           left: 50%;
           transform: translateX(-50%);
           width: 44%;
           text-align: center;
           border-radius: 14px;
           /* background: rgba(0, 0, 0, 0.28); */
           z-index: 2;
           /* padding: 30px;  */
       }

       .nxtscndvideo-content h2 {
           font-size: 1.98vw;
           color: #FFFFFF;
           font-family: 'Newscience-Light';
           line-height: 1.3em;
           position: relative;
           z-index: 1;
       }

       .nxtscndvideo-content h2 span {
           font-family: 'Newscience-Bold';
       }

       .nxtscndvideo-content p {
           font-size: 0.94vw;
           color: #FFFFFF;
           font-family: 'Inter-Regular';
           line-height: 1.7em;
           position: relative;
           z-index: 1;
       }

       /* glass lquid */
       /* .glassDiv {
     width: 100%;
     border-radius: 14px;
     isolation: isolate;
     touch-action: none;
     box-shadow: 0px 6px var(--outer-shadow-blur) rgba(0, 0, 0, 0.2);
     padding: 30px;
 }

 .glassDiv::before {
     content: '';
     position: absolute;
     inset: 0;
     z-index: 0;
     border-radius: 14px;
     box-shadow:
         inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
     background-color: rgba(var(--tint-color), var(--tint-opacity));
 }

 .glassDiv::after {
     content: '';
     position: absolute;
     inset: 0;
     z-index: -1;
     border-radius: 14px;
     backdrop-filter: blur(var(--frost-blur));
     filter: url(#glass-distortion);
     isolation: isolate;
     -webkit-backdrop-filter: blur(var(--frost-blur));
     -webkit-filter: url("#glass-distortion");
 } */

       /* second video sec Ends*/
       .mobile-panels-wrapper {
           display: none;
       }

       .mobile-panels-wrapper a {
           text-decoration: none;
       }

       /* meta design featrures */
       .redefining_sc {
           padding: 0 0 28px 0;
           transition: margin-top 0.5s ease;
       }

       @media (max-width: 991px) {
           .redefining_sc {
               position: relative;
               z-index: 30;
           }
       }

       .redmodernimg {
           text-align: center;
       }

       .redefining_sc h2 {
           font-size: 2.8125vw;
           color: #000000;
           text-align: center;
           font-family: 'Newscience-Regular';
           line-height: 1.2em;
           margin-top: 36px;
       }

       /* --- YOUR EXISTING STYLES --- */
       .moderndesigncardswrapper {
           display: flex;
           flex-wrap: wrap;
           gap: 26px;
           margin-top: 65px;
       }

       .mzMorecardsWraped {
           display: none;
       }

       .redefineSecWrapperMobile {
           display: none;
       }

       .newMoreCardsmz {
           display: flex;
           flex-wrap: wrap;
           gap: 26px;
           margin-top: 26px;
       }

       .mdrndesignCard {
           flex: 0 0 calc(25% - 20px);
           /* Adjusts strictly for 4 columns */
           border-radius: 15px;
           border: 1.272px solid rgba(0, 0, 0, 0.08);
           padding: 2% 1%;
           text-align: center;
           min-height: 290px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }

       .mdc_logo {
           width: 40px;
           height: 40px;
           margin-bottom: 24px;
       }

       .mdc_logo img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .rmd_title h3 {
           font-size: 0.927vw;
           color: #092F50;
           font-family: 'Newscience-Bold', sans-serif;
           letter-spacing: 1.27px;
           margin-bottom: 14px;
       }

       .rmd_title p {
           font-size: 0.861vw;
           color: #0F100F;
           font-family: 'Inter-Light', sans-serif;
           line-height: 1.7em;
       }

       /* --- NEW FUNCTIONALITY STYLES (Add these) --- */

       /* 1. Hide all cards from the 5th one onwards by default */
       /* .moderndesigncardswrapper .mdrndesignCard:nth-child(n+5) {
    display: none;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.moderndesigncardswrapper .mdrndesignCard.revealed {
    display: flex;
}

.moderndesigncardswrapper .mdrndesignCard.animate-in {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.moderndesigncardswrapper .mdrndesignCard.animate-out {
    opacity: 0;
    transform: translateY(30px);
    transition-delay: 0.1s;
} */

       .showMoreBtn {
           width: 100%;
           display: flex;
           justify-content: center;
           margin-top: 30px;
           cursor: pointer;
           font-size: 1.25vw;
           color: #092F50;
           transition: transform 0.3s ease;
       }

       .showMoreBtn i {
           transition: transform 0.4s ease;
           font-size: 16px;
           color: #0F100F;
       }

       .showMoreBtn.open i {
           transform: rotate(180deg);
       }

       /* enivironemnt sec */
       .nextspnenviromentalsc h2 span {
           font-family: 'Newscience-Bold';
       }

       .nextspnenviromentalsc {
           padding: 75px 0;
       }

       .nextspnenviromentalsc h2 {
           font-size: 1.98vw;
           color: #000000;
           font-family: 'Newscience-Regular';
           line-height: 1.4em;
       }

       .nextspnenviromentalsc p {
           font-size: 0.94vw;
           color: #383838;
           font-family: 'Inter-Regular';
           line-height: 1.9em;
           padding: 12px 99px 25px 0;
       }

       .tbletEnviroCanada {
           display: none;
       }

       .pmzerocarbonWRapp {
           display: flex;
           align-items: center;
           gap: 10px;
           margin-top: 40px;
       }

       .pmzerocarbonLogo {
           position: relative;
           padding-top: 18%;
           width: 100%;
           flex: 0 0 26%;
       }

       .pmzerocarbonLogo img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .pmzeroCarbonContent p {
           font-size: 1.04vw;
           color: #092F50;
           font-family: 'Inter-Bold';
           text-shadow: 0 1.133px 7.933px rgba(0, 0, 0, 0.20);
           font-style: italic;
           padding-right: 0;
       }

       .environmentImaginerwrapr {
           position: relative;
       }

       .envInnercarOuterwrap {
           position: absolute;
           top: 0;
       }

       .nxtspan_envr_ritImg {
           position: relative;
           padding-top: 100%;
           width: 90%;
           margin-left: auto;
           text-align: center;
       }

       .nxtspan_envr_ritImg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
           margin: auto;
           text-align: center;
           object-position: bottom;
       }

       .envirmntImagecardtipinner {
           border-radius: 11.142px;
           border: 3.359px solid #2DB426;
           background: #FFF;
           width: max-content;
           padding: 14px 20px;
           max-width: 84%;
           position: relative;
       }

       .envirmntImagecardtipinner::before {
           position: absolute;
           top: 100%;
           right: 20px;
           background-image: url("../images/home-pg/ozone_envirmnt_vctor.svg");
           background-repeat: no-repeat;
           background-size: contain;
           width: 35.27px;
           height: 40.31px;
           content: "";
       }

       .envirmntImagecardtipinner h3 {
           font-size: 1.05vw;
           color: #000000;
           font-family: 'Newscience-Bold';
           line-height: 1.3em;
       }

       .envirmntImagecardtipinner p {
           padding: 10px 0 0 0;
           font-size: 0.83vw;
           color: #535353;
           font-family: 'Inter-Regular';
           margin-bottom: 0;
       }

       .envInnercarOuterwrap.zr_wst_cnt {
           top: 12%;
           right: 2%;
       }

       .zr_wst_cnt .envirmntImagecardtipinner::before {
           position: absolute;
           top: 100%;
           right: 78%;
           background-image: url("../images/home-pg/ozone_envirmnt__ritt_vctor.svg");
           background-repeat: no-repeat;
           background-size: contain;
           width: 35.27px;
           height: 40.31px;
           content: "";
       }

       .envInnercarOuterwrap.zr_ecsafe_cnt {
           right: 0;
           top: 30px;
       }

       .envInnercarOuterwrap.zr_ecsafe_cnt .envirmntImagecardtipinner::before {
           position: absolute;
           top: 100%;
           right: 60%;
           background-image: url("../images/home-pg/ozone_envirmnt__ritt_vctor.svg");
           background-repeat: no-repeat;
           background-size: contain;
           width: 35.27px;
           height: 40.31px;
           content: "";
       }

       .envInnercarOuterwrap.zr_wrldozoneday_cnt {
           right: 0;
           top: 15%;
       }

       .envInnercarOuterwrap.zr_wrldozoneday_cnt .envirmntImagecardtipinner::before {
           position: absolute;
           top: 100%;
           right: 60%;
           background-image: url("../images/home-pg/ozone_envirmnt__ritt_vctor.svg");
           background-repeat: no-repeat;
           background-size: contain;
           width: 35.27px;
           height: 40.31px;
           content: "";
       }

       /* enivironemnt sec Ends*/

       /* Responsive */

       /* product List sec Ends*/

       /* composition sec */

       /* Header Styles */
       .mzPanelHeader {
           position: relative;
           width: 100%;
           text-align: center;
           padding-top: 40px;
           /* padding-bottom: 20px; */
           z-index: 20;
           flex-shrink: 0;
           /* Prevent shrinking */
           /* Slight bg to ensure text readability if scroll overlaps */
       }

       .mzPanelHeader h2 {
           font-size: 1.77vw;
           font-family: 'Newscience-Bold';
           color: #000000;
           line-height: 1.2em;
           margin-bottom: 18px;
       }

       .mzPanelHeader p {
           font-size: 1.04vw;
           font-family: 'Inter-Regular';
           color: #282828;
           line-height: 1.8em;
           text-align: center;
           width: 49%;
           margin: auto;
           margin-bottom: 18px;
       }

       /* .Wrapped_bg {
    background-image: url("../images/home-pg/walp_3.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
} */
       .mzPanelTrack {
           position: relative;
           width: 100%;
           /* Reduced height to minimize gap/dead scroll time */
           height: auto;
       }

       .mzPanelStickyView {
           position: sticky;
           top: 10vh;
           /* Pins with a slight offset so it feels centered */
           width: 100%;
           height: 100vh;
           /* Reduced from 100vh to remove dead space */
           min-height: 600px;
           display: flex;
           flex-direction: column;
           /* Vertical Stack */
           align-items: center;
       }

       .mzPanelContent {
           position: relative;
           width: 100%;
           flex-grow: 1;
           /* Take remaining space */
           display: flex;
           justify-content: center;
           align-items: center;
           /* overflow: hidden;  Optional, keeps bounds clean */
       }

       /* --- NEW FLEX CONTAINER --- */
       .mzPanelFlexContainer {
           position: relative;
           /* Anchor for absolute children like Heading */
           display: flex;
           width: 100%;
           /* max-width and padding handled by .container */
           height: 100%;
           justify-content: space-between;
           align-items: center;
       }

       .mzPanelColLeft,
       .mzPanelColRight {
           flex: 0 0 35%;
           display: flex;
           flex-direction: column;
           justify-content: center;
           /* Distribute cards vertically */
           height: 80%;
           /* Occupy most of the height */
           z-index: 10;
           /* Above center line */
       }

       .mzPanelColLeft {
           align-items: flex-end;
           /* Align cards to the right (towards center) */
           padding-right: 50px;
           gap: 8vh;
           /* Space between cards */
       }

       .mzPanelColRight {
           align-items: flex-start;
           /* Align cards to the left (towards center) */
           padding-left: 50px;
           gap: 8vh;
           /* Space between cards */
       }

       .mzPanelColMid {
           flex: 0 0 30%;
           display: flex;
           justify-content: center;
           align-items: flex-start;
           position: relative;
           height: 100%;
           padding-top: 10%;
       }

       /* LAYOUT ELEMENTS */
       .mzPanelCenterLine {
           position: absolute;
           top: 0;
           bottom: 0;
           left: 50%;
           width: 1px;
           background-color: #8080805c;
           transform: translateX(-50%);
           z-index: 1;
           /* Behind images */
       }

       /* Central Image Area */
       .mzPanelImageStack {
           position: relative;
           width: 100%;
           padding-top: 30%;
           z-index: 5;
           /* Ensure images are prominent */
           display: flex;
           justify-content: center;
           align-items: center;
           margin-top: -80px;
       }

       .mzPanelImg {
           position: absolute;
           width: 100%;
           height: 100%;
           object-fit: contain;
           opacity: 0;
           will-change: opacity, transform;
       }

       /* GSAP pin spacer decimal bug fix */
       .pin-spacer {
           width: 100% !important;
           max-width: 100vw !important;
           overflow: hidden !important;
       }

       /* Panel wrapper must not use 100vw */
       .mzPanelTrack {
           width: 100%;
           max-width: 100vw;
           overflow: hidden;
       }

       /* 
           Image Position Modifications for "Exploded Stack" effect.
           Assuming 6 layers now. 
           Shifted up to center the stack of 6.
           Step = 70px.
        */
       /* 1. Top Skin */
       .mzPanelLayer-1 {
           transform: translateY(-175px) scale(0.95);
           z-index: 6;
       }

       /* 2. Adhesive */
       .mzPanelLayer-2 {
           transform: translateY(-105px) scale(0.95);
           z-index: 5;
       }

       /* 3. Core (Center) */
       .mzPanelLayer-3 {
           transform: translateY(-35px) scale(0.95);
           z-index: 4;
       }

       /* 4. Adhesive */
       .mzPanelLayer-4 {
           transform: translateY(35px) scale(0.95);
           z-index: 3;
       }

       /* 5. Bottom Skin */
       .mzPanelLayer-5 {
           transform: translateY(105px) scale(0.95);
           z-index: 2;
       }

       /* 6. Extra Layer */
       .mzPanelLayer-6 {
           transform: translateY(175px) scale(0.95);
           z-index: 1;
       }

       /* Final Image (Visible initially, fades out on scroll) */
       .mzPanelFinalImg {
           transform: translateY(20px) scale(0.95);
           /* Match merged stack center and scale */
           z-index: 10;
           opacity: 1;
       }

       /* Text Cards - Clean Style (No Card Background) */
       /* .mzPanelLayerContainer Removed - Logic moved to Flex Columns */

       .mzPanelCard {
           position: relative;
           /* Changed from absolute */
           width: 100%;
           max-width: 100%;
           overflow: visible;
           /* No background, no border, no shadow */
           background: transparent;
           padding: 0;
           opacity: 0;
           /* Animated */
           top: -5%;
           /* Reset top */
           left: auto;
           /* Reset left */
           right: auto;
           /* Reset right */
           margin: 0;
           /* Reset margins */
       }

       .mzPanelCard.left.mzPanelCard-3 {
           top: -12%;
       }

       .mzPanelCard.left.mzPanelCard-5 {
           top: -15%;
       }

       .mzPanelCard.left {
           text-align: right;
       }

       .mzPanelCard.right {
           text-align: left;
           left: 23px;
           top: -8%;
       }

       .mzPanelCard.right.mzPanelCard-4 {
           top: -15%;
       }

       /* =========================================
   SVG LINES & DOTS STYLING
   ========================================= */
       /* Line Styling */
       /* =========================================
   SVG LINES & DOTS STYLING
   ========================================= */

       /* 1. SVG Container (Invisible Layer) */
       /* SVG Container (Invisible Layer) */
       #mzPolyLines {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           pointer-events: none;
           z-index: 20;
           overflow: visible;
       }

       /* Line Styling */
       .connector-line {
           fill: none;
           stroke: #092f50;
           /* Same Navy Blue */
           stroke-width: 1px;
           /* Strict 1px thickness */

           opacity: 0;
           transition: none;

           vector-effect: non-scaling-stroke;
           stroke-linejoin: round;
           stroke-linecap: round;

           /* "geometricPrecision" diagonals ko smooth rakhta hai, 
       jabke JS ka +0.5 logic straight lines ko sharp karega */
           shape-rendering: geometricPrecision;
       }

       /* --- THE DOTS (Heading ke sath Align karne k liye) --- */
       /* Note: ::before ki jagah hum .dot class use kar rahe hain */
       .mzPanelCard .dot {
           position: absolute;
           width: 12px;
           height: 12px;
           border-radius: 50%;
           background: #092F50;

           /* Aapka diya hua Shadow aur Animation */
           box-shadow: 0 0 0 6px rgba(183, 192, 201, 0.8);
           animation: blink-animation 2s infinite ease-in-out;

           /* Vertical Center */
           top: 15%;
           transform: translateY(-50%);
           z-index: 26;
           /* Line ke upar nazar aye */
       }

       /* Left Cards k liye Dot ki position (Right side par) */
       .mzPanelCard.left .dot {
           right: -35px;
           /* Box se thora bahar */
       }

       /* Right Cards k liye Dot ki position (Left side par) */
       .mzPanelCard.right .dot {
           left: -35px;
           /* Box se thora bahar */
       }

       /* Animation Keyframes (Agar already added nahi hain to add karein) */
       @keyframes blink-animation {
           0% {
               box-shadow: 0 0 0 4px rgba(183, 192, 201, 0.8);
           }

           50% {
               box-shadow: 0 0 0 10px rgba(183, 192, 201, 0.4);
           }

           100% {
               box-shadow: 0 0 0 4px rgba(183, 192, 201, 0.8);
           }
       }


       .mzPanelCard h3 {
           font-size: 1.04vw;
           margin-bottom: 8px;
           color: #282828;
           font-weight: 700;
           font-family: 'Inter-Bold';
       }

       .mzPanelCard p {
           font-size: 0.73vw;
           color: #282828ED;
           font-family: "Inter-Regular";
       }

       /* Final Heading */
       .mzPanelFinalHeading {
           position: absolute;
           top: 13%;
           /* Centered visually above the image */
           left: 50%;
           transform: translateX(-50%);
           font-size: 3.2vw;
           letter-spacing: 1.24px;
           font-weight: 800;
           color: #CBD5E0;
           /* Matches faint large text style */
           text-transform: uppercase;
           text-align: center;
           width: 100%;
           opacity: 1;
           /* Visible initially */
           white-space: nowrap;
           z-index: 6;
           font-family: 'Newscience-Bold';
       }

       /* new */

       /* new */
       /* Footer */
       .timeline-footer {
           height: 50vh;
           display: flex;
           justify-content: center;
           align-items: center;
           background: #EDF2F7;
           position: relative;
           z-index: 20;
       }

       /* Mobile Connector Styles */
       .mzPanelMobileConnector {
           display: flex;
           flex-direction: column;
           align-items: center;
           position: relative;
           margin-top: -20px;
           /* Overlap image slightly */
           margin-bottom: 5px;
           z-index: 10;
       }

       .mzMobileLine {
           width: 1px;
           /* Thin line like desktop */
           height: 60px;
           /* Length of the connector */
           background-color: #092f5040;
           /* Same as desktop lines */
       }

       .mzMobileDot {
           width: 16px;
           height: 16px;
           background-image: url('../images/home-pg/panel-layers/circle_vector.svg');
           background-size: contain;
           background-repeat: no-repeat;
           animation: blink-animation 1.5s infinite ease-in-out;
           margin-top: -8px;
           /* Center dot at end of line */
       }

       .panelcatslidrTabletscnd {
           display: none;
       }

       .PLmobilemzLayrs_jn,
       .PLmobilemzLayrs_tablt {
           display: none;
       }

       /* Responsive */

       /* composition sec Ends */
       /****************** Home page ends*************************/

       /****************** Products page*************************/
       .prodctheroBG {
           background-image: url("../images/products-pg/product-hero-bg.webp");
           background-size: cover;
           background-repeat: no-repeat;
           padding: 7% 0;
       }

       .pordpgheroContent h1 span {
           font-family: "Newscience-Bold";
           color: #092F50;
           text-transform: uppercase;
       }

       .pordpgheroContent h1 {
           font-family: "Newscience-Regular";
           color: #000000;
           font-size: 2.083vw;
           line-height: 1.3em;
       }

       .pordpgheroContent p {
           font-family: "Inter-Regular";
           color: #000000;
           font-size: 0.92vw;
           padding-top: 20px;
           text-transform: none;
       }

       .pirProductsSec {
           /* background: url("../images/products-pg/pir_metal_sandwich_bg.webp");
    background-size: 100% 64%;
    background-repeat: no-repeat; */
           padding: 54px 0;
           position: relative;
       }

       .productheroImgmbl {
           display: none;
       }

       .pirProdcutscatsec {
           position: relative;
           margin-bottom: 54px;
       }

       .pirProdcutscatsec::before {
           position: absolute;
           top: 55%;
           left: 0;
           width: 100%;
           height: 73px;
           background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
           content: "";
       }

       .PirProductContent {
           width: 88%;
           margin: auto;
           text-align: center;
       }

       .PirProductContent h2 span {
           font-family: "Newscience-Bold";
       }

       .PirProductContent h2 {
           font-size: 1.83vw;
           font-family: "Newscience-Regular";
           color: #464646;
           line-height: 1.2em;
           text-align: center;
           margin: 24px 0 18px 0;
       }

       .PirProductContent p {
           font-size: 0.94vw;
           font-family: "Newscience-Regular";
           color: #252525;
           text-align: center;
           line-height: 1.8em;
           padding-bottom: 0px;
           margin-bottom: 0;
       }

       .productsPnlcatCards {
           position: relative;
           /* border-radius: 6px; */
           /* background-image: url("../images/products-pg/productsCatCard_bg.png"); */
           /* background-size: 100% 100%; */
           /* background-repeat: no-repeat; */
           /* box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.10); */
           /* backdrop-filter: blur(16.895771026611328px); */
           /* padding: 27px 0 0 0; */
       }

       .productsPnlcatCards h3 {
           font-size: 1.22vw;
           color: #000000;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           margin-bottom: 0;
           padding-left: 24px;
           position: absolute;
           z-index: 1;
           bottom: 30px;
       }

       .prdCardInnerimg {
           position: relative;
           padding-top: 100%;
           width: 100%;
       }

       .prdCardInnerimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
           /* filter: drop-shadow(0 4px 32px rgba(0, 0, 0, 0.25)); */
       }

       .shine {
           position: relative;
           overflow: hidden;
       }

       .shine::before {
           background: linear-gradient(to right,
                   rgba(255, 255, 255, 0) 0%,
                   rgba(255, 255, 255, 0.3) 100%);
           content: "";
           display: block;
           height: 100%;
           left: -75%;
           position: absolute;
           top: 0;
           transform: skewX(-25deg);
           width: 50%;
           z-index: 2;
       }

       .shine:hover::before,
       .shine:focus::before {
           animation: shine 0.85s;
       }

       @keyframes shine {
           100% {
               left: 125%;
           }
       }

       .prdpgBtnWraper {
           display: flex;
           justify-content: center;
           gap: 34px;
           padding-bottom: 30px;
       }

       .prdpgBtnWraper {
           display: flex;
           justify-content: center;
           gap: 34px;
           padding-bottom: 30px;
       }

       .prodctpgBtn a {
           padding: 12px 26px;
           background: #092F50;
           color: #FFFFFF;
           font-family: 'Newscience-Semibold';
           text-decoration: none;
           border-radius: 24px;
           font-size: 1.04vw;
           border: 1px solid #092F50;
           transition: 0.4s ease;
       }

       .prodctpgBtn a:hover {
           color: #092F50;
           background: #FFFFFF;
       }

       .prodctpgBtn a i {
           padding-left: 0px;
           transform: rotate(-48deg);
           margin-left: 12px;
       }

       .prodctpgBtn.gry a {
           background: #D3D3D3;
           color: #000000;
           border: 1px solid #D3D3D3;
       }

       .prodctpgBtn.gren a {
           background: #2D535A;
           color: #FFFFFF;
           border: 1px solid #2D535A;
       }

       .prodctpgBtn.gren a:hover {
           background: #FFFFFF;
           color: #2D535A;
       }

       .prdpgBtnWraper.prdSinglebtnwraperr {
           justify-content: flex-end;
           padding-bottom: 0;
       }

       .prodctpgBtn.orng a {
           background: #E27F00;
           color: #FFFFFF;
           border: 1px solid #E27F00;
       }

       .prodctpgBtn.orng a:hover {
           color: #E27F00;
           background: #FFFFFF;
       }

       .prodctpgBtn.gry a:hover {
           background: #FFFFFF;
       }

       .prodctpgButnWrap p {
           font-size: 0.94vw;
           width: 80%;
           margin: auto;
           text-align: center;
           color: #252525;
           font-family: 'Inter-Regular';
           padding: 20px 0;
       }

       .prodctDetailsliders {
           padding: 74px 0;
       }

       .prodimgInner {
           position: relative;
           padding-top: 72%;
       }

       .prodimgInner img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.10));
           border-radius: 10px;
       }

       .prodcattContent {
           padding-left: 30px;
       }

       .prodcattContent.lftsidee_prd {
           padding-left: 0;
           padding-right: 30px;
       }

       .prodcattContent h2 {
           font-size: 1.77vw;
           color: #464646;
           line-height: 1.3em;
           font-family: 'Newscience-Regular';
       }

       .prodcattContent h2 span {
           font-family: 'Newscience-Bold';
           text-transform: uppercase;
       }

       .prodcattContent p {
           font-size: 0.94vw;
           line-height: 1.8em;
           font-family: 'Inter-Light';
           color: #252525;
           padding: 20px 0 30px 0;
       }

       .prodcattContent p span {
           font-family: "Inter-Medium";
           color: #092F50;
       }

       .prodContInnertext h3 span {
           color: #092F50;
           font-size: 2.29vw;
           font-family: 'Newscience-Bold';
           padding-right: 10px;
       }

       .prodContInnertext h3 {
           font-size: 1.04vw;
           color: #464646;
           font-family: 'Newscience-Regular';
           line-height: 1.2em;
       }

       .prodContInnertext p {
           font-size: 0.72vw;
           font-family: "Inter-Light";
           color: #252525;
           line-height: 1.3em;
           width: 35%;
           padding: 6px 0 35px 0;
       }

       .leadingPanelsc .row {
           border-radius: 10px;
           background: #FFF;
           box-shadow: 0 4px 50px 4px rgba(9, 47, 80, 0.12);
           padding: 20px;
           align-items: center;
       }

       .leadingpanelINner_left h2 {
           font-size: 1.54vw;
           color: #092F50;
           font-family: "Inter-Regular";
           line-height: 1.4em;
           /* text-transform: capitalize; */
           margin-bottom: 0;
       }

       .leadingpanelINner_left h2 span {

           font-family: "Inter-Bold";
       }

       .leadingpanelINner_rit p {
           font-size: 0.94vw;
           color: #252525;
           font-family: "Inter-Regular";
           margin-bottom: 0;
       }

       .ldng_pnlrit_canda {
           display: flex;
           align-items: center;
           gap: 14px;
           justify-content: space-between;
       }

       .ldng_pnlrit_canda p {
           flex: 0 0 calc(74% - 8px);
           font-size: 0.94vw;
           font-family: 'Inter-Bold';
           margin-bottom: 0;
       }

       .micanad_imgg {
           flex: 0 0 calc(26% - 8px);
       }

       .leadingpanelINner_rit {
           padding-left: 3%;
           border-left: 3px solid #092f5070;
       }

       .leadingPanelsc {
           padding-bottom: 90px;
       }

       /****************** Products page ends*************************/

       /****************** Contact Us page *************************/

       .contactheroBG {
           background-color: #1A4C52;
           background-image: url("../images/contact-pg/contact_new_ban.png");
           background-repeat: no-repeat;
           background-position: right;
           background-size: 100% 100%;
           /* padding: 5.2% 0; */
           position: relative;
       }

       .careerheroBG {
           background-image: url("../images/career-pg/career_hero_img.png");
       }

       .downloadsheroBG {
           background-image: url("../images/downloads-pg/downloadspgbanner.png");
       }

       .contactbeforeContt {
           padding: 5.2% 0;
       }

       .contactafterbg {
           position: relative;
       }

       .contactafterbg::before {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           content: "";
           background: linear-gradient(90deg, #1A4C52 0%, rgba(26, 76, 82, 0.00) 59.29%);
       }

       .mb_ContactContent h1 {
           font-size: 2.117vw;
           color: #FFFFFF;
           font-family: 'Newscience-Regular';
           line-height: 1.2em;
       }

       .mb_ContactContent h1 span {
           font-family: 'Newscience-Bold';
       }

       .mb_ContactContent p {
           color: #FFFFFF;
           font-family: 'Inter-Light';
           font-size: 0.83vw;
       }

       p#breadcrumbs {
           color: #FFFFFF;
           font-family: 'Inter-Light';
           font-size: 0.83vw;
       }

       .heroseccontct {
           padding: 72px 0;
           position: relative;
       }

       .mb_ContactContent a {
           color: #FFFFFF;
           text-decoration: none;
           font-family: "Newscience-Regular";
       }

       .contactlogonxtspn img {
           width: 22px;
           height: 22px;
       }

       .hmpanelcaptureLogomz.contactlogonxtspn p {
           font-size: 14px;
           text-align: left;
           font-family: "Urbanist-semibold";
           letter-spacing: 3.06px;
       }

       .cntctPgLeftcontent h2 {
           font-size: 1.8vw;
           font-family: 'Newscience-Regular';
           color: #464646;
           line-height: 1.2em;
           margin-top: 20px;
       }

       .cntctPgLeftcontent h2 span {
           font-family: 'Newscience-Bold';
       }

       .cntctPgLeftcontent p {
           color: #282828ED;
           font-size: 1vw;
           font-family: 'Inter-light';
           margin-top: 30px;
       }

       ul.Contactdetailwrap {
           margin-left: 0;
           padding-left: 0;
       }

       ul.Contactdetailwrap li {
           list-style: none;
           padding: 8px 0px;
       }

       ul.Contactdetailwrap li i {
           color: #092F50;
           font-size: 1.02vw;
           padding-right: 10px;
       }

       ul.Contactdetailwrap li a {
           color: #011334;
           font-size: 0.93vw;
           padding-right: 10px;
           font-family: "Inter-semibold";
           text-decoration: none;
       }

       ul.Contactdetailwrap li {
           color: #011334;
           font-size: 0.93vw;
           padding-right: 10px;
           font-family: "Inter-semibold";
           text-decoration: none;
           display: flex;
           align-items: center;
           gap: 11px;

       }

       ul.Contactdetailwrap li span {
           color: #3F3F3F;
           padding-right: 10px;
           font-family: "Inter-regular";
           text-decoration: none;
       }

       .location-outline {
           color: transparent;
           -webkit-text-stroke: 1.5px #0a2d57;
           /* match your icon color */
       }

       .social-icons {
           list-style: none;
           display: flex;
           align-items: center;
           gap: 18px;
           padding: 0;
           margin: 32px 0 0 0;
       }

       .social-icons li a {
           color: #0a2d57;
           font-size: 22px;
           display: flex;
           align-items: center;
           text-decoration: none;
       }

       .social-icons .divider {
           width: 1px;
           height: 22px;
           background: rgba(0, 0, 0, 0.15);
       }

       /* Common styling for inputs and select */
       .heroseccontct-form input,
       .heroseccontct-form select,
       .heroseccontct-form textarea {
           border-radius: 10px;
           border: 1px solid rgba(130, 130, 130, 0.30);
           background: #FDFDFD;
           min-height: 50px;
           padding: 10px 20px;
           font-family: "Inter-Regular", sans-serif;
           font-size: 16px;
           appearance: none;
           /* Remove default dropdown arrow */
           -webkit-appearance: none;
           -moz-appearance: none;
           position: relative;
       }

       /* Focus styling */
       .heroseccontct-form input:focus,
       .heroseccontct-form select:focus,
       .heroseccontct-form textarea:focus {
           box-shadow: none;
           outline: 0;
           border: 1px solid #001f3f63;
       }

       /* Custom arrow for select */
       .heroseccontct-form select {
           background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'14'%20height%3D'8'%20viewBox%3D'0%200%2014%208'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M1%201l6%206%206-6'%20stroke%3D'%23666'%20stroke-width%3D'2'%20fill%3D'none'%20fill-rule%3D'evenodd'/%3E%3C/svg%3E");
           background-repeat: no-repeat;
           background-position: right 15px center;
           background-size: 14px 8px;
           padding-right: 45px;
           /* Space for arrow */
       }

       button.contact_form_btn {
           width: 100%;
           text-align: center;
           background: #092F50;
           color: #FFFFFF;
           border-radius: 126px;
           padding: 14px 0;
           font-family: "Inter-Bold";
           letter-spacing: 0px;
           text-transform: uppercase;
           font-size: 18px;
       }

       button.contact_form_btn i {
           transform: rotate(311deg);
           margin-left: 10px;
       }

       .nxtContactWrap {
           padding-top: 14px;
       }


       /****************** Contact Us page ends *************************/
       /****************** About Us *************************/
       .aboutUsssec {
           background-image: url("../images/about-pg/about_us_hero.png");
           background-repeat: no-repeat;
           background-size: cover;
           padding: 7% 0;
       }

       .aboutUsContent h1 {
           font-size: 2.08vw;
           font-family: "Newscience-Regular";
           text-align: center;
           color: #FFFFFF;
           line-height: 1.2em;
       }

       .aboutUsContent h1 span {
           font-family: "Newscience-Bold";
       }

       .aboutUsContent p {
           text-align: center;
           font-size: 0.93vw;
           color: #FFFFFF;
           font-family: "Inter-Medium";
           margin-top: 20px;
           margin-bottom: 0;
       }

       .Whoweare {
           padding: 6% 0 3% 0;
       }

       .whowearelft h2 {
           font-size: 1.82vw;
           font-family: "Newscience-Regular";
           color: #464646;
           margin: 24px 0;
       }

       .whowearelft h2 span {
           font-family: "Newscience-Bold";
       }

       .whowearelft p {
           color: #282828ED;
           font-size: 18px;
           font-family: 'Inter-light';
           text-align: justify;
           line-height: 1.8em;
       }

       .sustainabilityabtIMg {
           position: relative;
           padding-top: 73%;
       }

       .sustainabilityabtIMg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
           filter: drop-shadow(0 4px 44px rgba(0, 0, 0, 0.16));
       }

       .whowearelft p {
           color: #282828ED;
           font-size: 0.9375vw;
           font-family: 'Inter-light';
           text-align: justify;
           line-height: 1.8em;
           padding-right: 12%;
       }

       .nsBuilding_abt {
           position: relative;
           width: 90%;
           margin: auto;
           padding-top: 24%;
       }

       .nsBuilding_abt img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .nsBuilding_abt::before {
           position: absolute;
           top: 1px;
           left: -42px;
           width: 1px;
           height: 72%;
           background: rgba(255, 255, 255, 0.60);
           content: "";
       }

       .nsBuilding_abt::after {
           position: absolute;
           bottom: 100%;
           right: 0;
           width: 200px;
           height: 200px;
           background-image: url("../images/about-pg/history_vector.svg");
           background-size: contain;
           background-repeat: no-repeat;
           content: "";
       }

       .abtVisionSec {
           position: relative;
           padding: 4% 0px;
           margin-bottom: 40px;
       }

       .abtVisionSec::before {
           position: absolute;
           top: 0;
           left: 0;
           width: 30%;
           height: 100%;
           background: #092F50;
           content: "";
       }

       .abtVisionleft {
           position: relative;
           padding-top: 42px;
       }

       .visionhistoryimg p {
           text-align: left;
           font-size: 14px;
           font-family: "Urbanist-Regular";
       }

       .abtVisionleft h2 {
           font-size: 1.88vw;
           font-family: "Newscience-Regular";
           color: #ffffffeb;
           line-height: 1.3em;
           margin: 21px 0 14px 0;
       }

       .abtVisionleft span {
           font-family: "Newscience-Bold";
       }

       .abtVisionleft p {
           font-size: 0.93vw;
           color: #FFFFFF;
           font-family: "Inter-Light";
       }

       .abtVisionmid {
           padding: 0 46px;
       }

       ul.ValuesNxtspn {
           padding-left: 0;
           margin-left: 0;
       }

       .abtVisionmid h2 {
           font-size: 1.40vw;
           color: #092F50;
           font-family: "Inter-bold";
           line-height: 1.2em;
           margin-bottom: 18px;
       }

       ul.ValuesNxtspn li {
           padding: 12px 0;
           list-style: none;
       }

       ul.ValuesNxtspn p {
           color: #282828ED;
           font-family: "Inter-Light";
           font-size: 0.83vw;
           margin-bottom: 0;
           line-height: 1.4em;
       }

       ul.ValuesNxtspn p span {
           color: #092F50;
           font-family: "Inter-Semibold";
       }

       .ourMissionCard h3 {
           font-size: 1.0417vw;
           color: #464646;
           font-family: 'Inter-Bold';
           line-height: 1.2em;
           margin: 14px 0;
       }

       .ourMissionCard p {
           font-size: 0.76vw;
           color: #282828ED;
           font-family: 'Inter-Light';
           line-height: 1.6em;
           margin-bottom: 0;
           text-align: justify;
       }

       .ourmissionLogo {
           width: 64px;
           height: 64px;
       }

       .ourmissionLogo img {
           width: 100%;
           height: 100%;
           object-fit: contain;
           border-radius: 12.375px;
           box-shadow: 0 3.3px 61.05px 0 rgba(0, 0, 0, 0.10);
       }

       .abtVisionright {
           border-radius: 15px;
           background: #FFF;
           box-shadow: 0 4px 74px 0 rgba(0, 0, 0, 0.17);
           padding: 30px 22px;
           position: relative;
           z-index: 1;
       }

       .BuildimgSc {
           padding-top: 86px;
           position: relative;
       }

       .BuildimgSc::before {
           position: absolute;
           left: 0;
           bottom: 33px;
           background: rgba(45, 83, 90, 0.53);
           width: 170px;
           height: 56px;
           content: "";
           z-index: 1;
       }

       .qualityCertifcationsc h2 {
           color: #464646;
           text-align: center;
           font-family: "Newscience-Regular";
           font-size: 1.81vw;
           line-height: 1.2em;
       }

       .qualityCertifcationsc h2 span {
           font-family: "Newscience-Bold";
       }

       .qualityCertifcationsc p {
           font-size: 0.83vw;
           color: #282828;
           font-family: "Inter-Regular";
           text-align: center;
           width: 62%;
           margin: auto;
       }

       .SliderQANEXtwrapper {
           padding: 45px 0;
       }

       .nxtSpnCertifcationLogo {
           margin: auto;
           width: 188px;
           height: 127px;
           display: flex;
           align-items: center;
           justify-content: center;
           margin-bottom: 20px;
       }

       .nxtSpnCertifcationLogo img {
           vertical-align: middle;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .qacrtcNextspanWrapper p {
           font-family: "Newscience-Bold";
           color: rgba(70, 70, 70, 0.56);
           font-size: 0.83vw;
           width: 100%;
           text-align: center;
       }

       .RecycleOzonesc {
           background: #F2F2F2;
           padding: 80px 0 20px 0;
       }

       .recycleImageWrap {
           position: relative;
           padding-top: 70%;
           width: 100%;
       }

       .ozoneAbtscc {
           padding: 7% 0;
       }

       .recycleImageWrap.ozoneRecylMainimg {
           padding-top: 58%;
       }

       .recycleImageWrap img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .recycleSecContetn h2 {
           font-size: 1.98vw;
           color: #000000;
           font-family: "Newscience-Regular";
           line-height: 1.2em;
       }

       .recycleSecContetn h2 span {
           font-family: "Newscience-Bold";
       }

       .recycleSecContetn p {
           font-size: 0.93vw;
           font-family: "Inter-Regular";
           color: rgba(40, 40, 40, 0.93);
           line-height: 1.8em;
       }

       .recycleWasterCardsWrap {
           display: flex;
           align-items: flex-start;
           gap: 22px;
           margin-top: 50px;
       }

       .recycleWastecardLeft {
           flex: 0 0 calc(50% - 11px);
       }

       .recycleWastCardicon {
           width: 63px;
           height: 63px;
           margin-bottom: 20px;
       }

       .recycleWastCardicon.scndRecycl {
           width: 80px;
           height: 63px;
           margin-bottom: 20px;
       }

       .recycleWastCardicon img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .recycleWastecardLeft h3 {
           font-size: 0.93vw;
           color: #323232;
           font-family: "Inter-Bold";
           line-height: 1.2em;
       }

       .recycleWastecardLeft p {
           font-size: 0.73vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           line-height: 1.7em;
       }

       .WorkplaceAbt {
           padding: 100px 0;
       }

       .WorkplaceAbt .row {
           position: relative;
       }

       .coworkPlacerightcontentMob {
           display: none;
       }

       .workSaftymainImg {
           position: relative;
           width: 100%;
           padding-top: 39%;
       }

       .workSaftymainImg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .workSaftymainImg.workSaftymainImgMob {
           display: none;
       }

       .coworkPlacerightcontent {
           position: absolute;
           top: 31%;
           right: 73px;
           width: 34%;
       }

       .coworkPlacerightcontentMob {
           display: none;
       }

       .coworkPlacerightcontent h2 {
           font-size: 1.56vw;
           color: #FFFFFF;
           font-family: "Newscience-Regular";
           line-height: 1.2em;
       }

       .coworkPlacerightcontent h2 span {
           font-family: "Newscience-Bold";
       }

       .coworkPlacerightcontent p {
           font-size: 0.83vw;
           color: rgba(255, 255, 255, 0.93);
           font-family: "Inter-Regular";
           line-height: 1.8em;
           padding-top: 12px;
       }

       .cwplcrightList {
           margin: 16px 0 0 0;
           padding: 0 24px;
       }

       .cwplcrightList li {
           font-size: 0.83vw;
           color: rgba(255, 255, 255, 0.93);
           font-family: "Inter-Regular";
           line-height: 1.8em;
       }

       ul.ListwrapWorkplace {
           margin-left: 0;
           list-style: none;
           padding-left: 0;
           position: absolute;
           width: 100%;
           bottom: 0;
       }

       ul.ListwrapWorkplace li {
           display: flex;
           align-items: center;
           margin-bottom: 18px;
           gap: 14px;
           border-radius: 101.562px;
           background: linear-gradient(90deg, #ACD8FF 0%, #C4FFEE 100%);
           box-shadow: 0 0 27.083px 0 rgba(0, 0, 0, 0.20);
           padding: 0px;
           max-width: 34%;
       }

       .abtworkplcListcont p {
           margin-bottom: 0;
           font-size: 0.9375vw;
           color: #092F50;
           font-family: "Inter-Bold";
           text-transform: uppercase;
       }

       .abtworkPlcIcon {
           border-radius: 101.562px;
           border: 0.564px solid rgba(9, 47, 80, 0.50);
           background: #FFF;
           box-shadow: 0 5.642px 9.028px 0 rgba(9, 47, 80, 0.40);
           height: 68.836px;
           flex: 0 0 68.836px;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .abtworkPlcIcon img {
           width: 100%;
           height: 100%;
           object-fit: contain;
           padding: 15px;
       }

       .qualityCertifcationsc {
           padding: 4% 0;
       }

       /****************** About Us page ends *************************/

       /****************** Product category Listing page *************************/
       /* ================================
   PRODUCT CATEGORY LISTING SECTION
================================ */
       .productCATHero {
           background: #2D535A;
           padding: 70px 0 0 0;
       }

       .productCATHero.productCATHeroMobile {
           display: none;
       }

       .productcatHeroContent h1 {
           font-size: 2.08vw;
           color: #FFFFFF;
           font-family: "Newscience-Regular";
           line-height: 1.4em;
       }

       .productcatHeroContent h1 span {
           font-family: 'Newscience-Bold';
       }

       .productcatHeroContent p {
           font-family: 'Inter-Semibold';
           font-size: 0.94vw;
           color: #FFFFFF;
           line-height: 1.7em;
       }

       .productHeroImage {
           position: relative;
           padding-top: 44%;
       }

       .productHeroImage.productsngllHeroImage {
           padding-top: 67%;
       }

       .productHeroImage img {
           position: absolute;
           top: 0;
           right: 0;
           /* width: 70%; */
           width: 80%;
           height: 100%;
           object-fit: contain;
       }

       .mzPordcatlstng {
           padding: 80px 0;
       }

       /* LEFT SIDEBAR */
       .mzPordcatlstng .panelCategories h2 {
           font-size: 1.15vw;
           font-family: "Inter-Bold";
           margin-bottom: 24px;
           color: #282828ED;
       }

       .mzPordcatlstng .panelCategories {
           padding-right: 44px;
           position: relative;
           padding-bottom: 72px;
       }

       .panelCategories::before {
           position: absolute;
           top: 0;
           right: 6px;
           width: 0.6px;
           height: 100%;
           background: #00000040;
           content: "";
       }

       .mzPordcatlstng .panelCatList {
           list-style: none;
           padding: 0;
           margin: 0;
           display: block;
       }

       .mzPordcatlstng .panelCatList li {
           margin-bottom: 14px;
           border-bottom: 1px solid #092f5000;
           transition: 0.4s ease;
       }

       .mzPordcatlstng .panelCategories li a {
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 14px 0;
           text-decoration: none;
           font-size: 0.91vw;
           /* font-family: "Urbanist-Regular"; */
           font-family: "Newscience-Semibold";
           color: #7b7676;
           transition: 0.4s ease;
       }

       .mzPordcatlstng .panelCategories li a:hover,
       .mzPordcatlstng .panelCategories li.active a {
           color: #092F50;
           /* font-family: "Urbanist-Bold"; */
           font-family: "Newscience-Semibold";
       }

       .mzPordcatlstng .panelCategories li:hover {
           border-bottom: 1px solid #092F50;
       }

       .mzPordcatlstng .panelCategories li.active {
           border-bottom: 1px solid #092F50;
       }


       /* CATEGORY ARROW */
       .mzPordcatlstng .catArrow i {
           font-size: 14px;
           opacity: 1;
           transition: 0.4s ease;
           color: #7b7676;
       }

       .mzPordcatlstng .panelCategories li a:hover .catArrow i,
       .mzPordcatlstng .panelCategories li.active .catArrow i {
           opacity: 1;
           color: #092F50;
       }

       /* PRODUCT CARD */

       .productCardV2 {
           padding: 20px;
           border-radius: 11.148px;
           background: #FFF;
           box-shadow: 0 4.459px 55.741px 4.459px rgba(9, 47, 80, 0.12);
           height: 100%;
       }

       .productCardV2 .productImg {
           position: relative;
           padding-top: 65%;
           width: 100%;
       }

       .productCardV2 .productImg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
           /* filter: drop-shadow(0 0 49.052px rgba(0, 0, 0, 0.10)); */

       }

       .productCardV2 h2,
       .productCardV2 h3 {
           /* font-family: "Newscience-Bold"; */
           font-family: "Newscience-Semibold";
           color: #000000;
           font-size: 0.9vw;
           line-height: 1.2em;
           margin: 22px 0 10px 0;
       }

       .productCardV2 p {
           font-size: 0.7291vw;
           font-family: "Inter-Regular";
           color: #282828ED;
           line-height: 1.6em;
           margin-bottom: 0;
       }

       .prodcatcarcontWrapp {
           display: flex;
           align-items: flex-end;
           justify-content: space-between;
       }

       .pccntwrpLeft {
           /* flex: 0 0 84%; */
           flex: 0 0 100%;
       }

       .ProdctcatarrowBtn {
           flex: 0 0 16%;
       }

       .pccntwrpRight {
           text-align: right;
       }

       .pccntwrpRight i {
           border: 1px solid #8C8C8C;
           padding: 10px;
           border-radius: 50%;
           width: 36px;
           height: 36px;
           font-size: 16px;
           transform: rotate(-45deg);
           color: #000000;
           background: #FFFFFF;
           transition: 0.4s ease;
       }

       .productCardV2:hover .pccntwrpRight i {
           background: #092F50;
           color: #FFFFFF;
       }

       .productCardV2 a {
           text-decoration: none;
       }

       .prdLoadmorebtmz {
           padding: 10px 25px 8px 25px;
           background: #092F50;
           color: #FFFFFF;
           font-family: 'Newscience-Semibold';
           text-decoration: none;
           border-radius: 24px;
           font-size: 1vw;
           border: 1px solid #092F50;
           transition: 0.4s ease;
           /* line-height: 0; */
       }

       .load-more-wrapperAccessries .prdLoadmorebtmz {
           background: #313233;
           border: 1px solid #313233;
       }

       .load-more-wrapperAccessries .prdLoadmorebtmz:hover {
           color: #313233;
       }


       .prdLoadmorebtmz i {
           padding-left: 0px;
           transform: rotate(-48deg);
           margin-left: 12px;
       }

       .prdLoadmorebtmz:hover {
           background: #FFFFFF;
           color: #092F50;
       }

       /****************** Product category Listing page ends *************************/
       /****************** Product Single page *************************/
       .productsingleHeroContent h1 {
           font-size: 2.08vw;
           font-family: "Newscience-Bold";
           color: #FFFFFF;
           line-height: 1.2em;
       }

       .productsingleHeroContent p {
           font-size: 0.94vw;
           color: #FFFFFF;
           font-family: "Inter-Light";
           line-height: 1.8em;
       }

       .productHeroActions {
           display: flex;
           flex-wrap: wrap;
           gap: 12px;
           margin: 38px 0 0 0;
       }

       .pordsinglpgBtnwrap a {
           font-size: 16.5px;
           color: rgba(5, 5, 5, 0.70);
           background: #FFFFFF;
           padding: 12px 27px;
           border-radius: 102.39px;
           text-decoration: none;
           font-family: "Urbanist-Medium";
           transition: 0.4s ease;
       }

       .pordsinglpgBtnwrap a:hover {
           background: #e3dfdf;
       }

       .productHeroColors {
           margin-top: 34px;
       }

       /* table */
       .productSpecsSection {
           /* background-image: url("../images/product-cat/pir_metal_sandwich_bg.webp");
    background-size: cover;
    background-repeat: no-repeat; */
           position: relative;
           padding-top: 68px;
       }

       .tblTechSpecsWrapperLeft {
           z-index: 1;
           position: relative;
           padding-right: 35px;
           border-right: 0.6px solid rgba(0, 0, 0, 0.20);
       }

       .downloaddocsContentt h2 {
           font-size: 1.6vw;
           font-family: "Newscience-Bold";
           color: #3c3c3c;
       }

       .downloaddocsContentt p {
           color: #000000;
           font-family: 'Inter-Light';
           font-size: 0.83vw;

       }

       .tblTechSpecsWrapperRight {
           padding-left: 35px;
       }

       .mzdownloadsnewpg-title {
           color: #464646;
           font-size: 32px;
           letter-spacing: 0.5px;
           text-transform: uppercase;
           margin-bottom: 0.5rem;
           font-family: "Newscience-Bold";
       }

       .mzdownloadsnewpg-subtitle {
           color: #000000;
           font-size: 14px;
           margin-bottom: 2rem;
           font-style: italic;
           font-family: "Newscience-Regular";
       }

       /* --- Navigation Tabs --- */
       .mzdownloadsnewpg-nav-scroller {
           overflow-x: auto;
           white-space: nowrap;
           -webkit-overflow-scrolling: touch;
           padding-bottom: 5px;
       }

       .mzdownloadsnewpg-nav-scroller::-webkit-scrollbar {
           height: 4px;
       }

       .mzdownloadsnewpg-nav-scroller::-webkit-scrollbar-thumb {
           background-color: #ccc;
           border-radius: 4px;
       }

       .mzdownloadsnewpg-nav-btn {
           border: none;
           background-color: #F3F5F7;
           color: #627384;
           padding: 8px 16px;
           border-radius: 4px;
           font-family: "Inter-Regular";
           font-size: 13px;
           margin-right: 8px;
           display: inline-flex;
           align-items: center;
           transition: all 0.2s ease;
           cursor: pointer;
       }

       .mzdownloadsnewpg-nav-btn i {
           margin-right: 8px;
           font-size: 14px;
       }

       .mzdownloadsnewpg-nav-btn .mzdownloadsnewpg-badge {
           background-color: #e0e0e0;
           color: #555;
           font-size: 11px;
           padding: 2px 6px;
           border-radius: 10px;
           margin-left: 8px;
           min-width: 20px;
           text-align: center;
       }

       .mzdownloadsnewpg-nav-btn.active {
           background-color: #092f50;
           color: #FFFFFF;
       }

       .mzdownloadsnewpg-nav-btn.active .mzdownloadsnewpg-badge {
           background-color: #FFFFFF;
           color: #092f50;
       }

       .mzdownloadsnewpg-nav-btn:hover:not(.active) {
           background-color: #e9ecef;
           color: #333;
       }

       /* --- Controls (Search & View Toggle) --- */
       .mzdownloadsnewpg-controls {
           display: flex;
           align-items: center;
           justify-content: flex-end;
           gap: 10px;
       }

       .mzdownloadsnewpg-search-wrapper {
           position: relative;
           width: 100%;
           max-width: 100%;
           margin-bottom: 20px;
       }

       .mzdownloadsnewpg-search-wrapper input {
           display: block;
           width: 100%;
           -webkit-appearance: none;
           -moz-appearance: none;
           appearance: none;
           border-radius: 10px;
           border: 1px solid #E0E6EB;
           background: #FFF;
           height: 44px;
           padding-left: 39px;
           font-size: 14px;
           font-family: "Inter-Regular";
           color: #627384;
       }

       .mzdownloadsnewpg-search-wrapper input:focus {
           outline: none;
           box-shadow: none;
           border: 1px solid #E0E6EB;
       }

       .mzdownloadsnewpg-search-wrapper i {
           position: absolute;
           left: 12px;
           top: 50%;
           transform: translateY(-50%);
           color: #aaa;
           font-size: 13px;
       }

       .mzdownloadsnewpg-search-input {
           padding-left: 32px;
           border-radius: 4px;
           border: 1px solid #dee2e6;
           font-size: 13px;
           height: 36px;
           width: 100%;
       }

       .mzdownloadsnewpg-search-input:focus {
           box-shadow: none;
           border-color: #092f50;
       }

       .mzdownloadsnewpg-view-group {
           background-color: #EFF2F5;
           border-radius: 12px;
           padding: 5px 6px;
           display: flex;
           height: 36px;
           align-items: center;
       }

       .mzdownloadsnewpg-view-btn {
           border: none;
           background: transparent;
           color: #888;
           padding: 4px 8px;
           border-radius: 10px;
           cursor: pointer;
           transition: all 0.2s;
           width: 32px;
           height: 32px;
           display: flex;
           align-items: center;
       }

       .mzdownloadsnewpg-view-btn.active {
           background-color: #092f50;
           color: white;
           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       }

       /* --- Downloads Container --- */
       .filterDownloadssec {
           margin-bottom: 34px;
       }

       #mzdownloadsnewpg-container {
           margin-top: 2rem;
           margin-bottom: 3rem;
           transition: opacity 0.3s ease;
           min-height: 200px;
       }

       .mzdownloadsnewpg-no-results {
           text-align: center;
           padding: 3rem;
           color: #999;
           grid-column: 1 / -1;
           display: none;
       }

       /* --- Item Cards --- */
       .mzdownloadsnewpg-item {
           background-color: #F8FAFB;
           border-radius: 8px;
           border: 1px solid transparent;
           transition: all 0.2s ease;
           position: relative;
           overflow: hidden;
           margin-bottom: 1rem;
           height: 100%;
           display: flex;
           flex-direction: column;
       }

       .mzdownloadsnewpg-item:hover {
           /* transform: translateY(-2px); */
           background-color: #fff;
           border-color: #dae1e7;
       }

       /* Mobile Clear Button Style */
       .mz-mobile-clear-btn {
           background: none;
           border: none;
           color: #dc3545;
           /* Red color */
           font-size: 14px;
           font-weight: 500;
           cursor: pointer;
           padding: 5px 10px;
           text-decoration: underline;
       }

       .mz-mobile-clear-btn:hover {
           color: #a71d2a;
       }

       .mzdownloadsnewpg-icon-wrapper {
           flex-shrink: 0;
           position: relative;
       }

       section.maindownloads {
           padding: 10px 0 80px 0;
       }

       .mzdownloadsnewpg-file-icon {
           width: 30px;
           height: 36px;
           border-radius: 4px;
           display: flex;
           align-items: center;
           justify-content: center;
           color: white;
           font-size: 20px;
           position: relative;
       }

       .mzdownloadsnewpg-title-text {
           color: #092f50;
           font-size: 0.8734vw;
           line-height: 1.4;
           margin-bottom: 0.5rem;
           font-family: "Newscience-Bold";
       }

       .mzdownloadsnewpg-meta {
           font-size: 11px;
           color: #627384;
           font-weight: 500;
           display: flex;
           gap: 8px;
           align-items: center;
           font-family: "Inter-Medium";
       }

       .mzdownloadsnewpg-meta-dot {
           width: 3px;
           height: 3px;
           background-color: #ccc;
           border-radius: 50%;
       }

       .mzdownloadsnewpg-btn-dl {
           font-size: 16px;
           font-family: "";
           font-weight: 600;
           color: #092f50;
           border: none;
           background: transparent;
           padding: 0;
           cursor: pointer;
           text-align: right;
           transition: color 0.2s;
           font-family: "Inter-bold";
       }

       .mzdownloadsnewpg-btn-dl:hover {
           color: #092f50;
           text-decoration: underline;
       }

       /* --- LIST VIEW Specifics --- */
       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-item {
           flex-direction: row;
           align-items: center;
           padding: 1.25rem 1.5rem;
           height: auto;
           border-radius: 12px;
           border: 1px solid rgba(224, 230, 235, 0.50);
           background: #F3F5F7;
       }

       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-item:last-child {
           border-bottom: none;
       }

       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-icon-wrapper {
           margin-right: 1.5rem;
       }

       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-content {
           flex-grow: 1;
           padding-right: 1rem;
       }

       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-action {
           flex-shrink: 0;
       }

       .mzdownloadsnewpg-list-view .mzdownloadsnewpg-grid-only {
           display: none !important;
       }

       /* --- GRID VIEW Specifics --- */
       .mzdownloadsnewpg-grid-view {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           /* default: 4 per row */
           gap: 1.5rem;
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-item {
           padding: 1.5rem;
           align-items: flex-start;
           border-radius: 11.842px;
           border: 0.987px solid #E0E5EB;
           background: #FFF;
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-icon-wrapper {
           margin-bottom: 1rem;
           width: 100%;
           display: flex;
           justify-content: space-between;
           align-items: flex-start;
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-content {
           margin-bottom: 0;
           flex-grow: 1;
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-action {
           width: 100%;
           margin-top: auto;
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-btn-block {
           width: 100%;
           border: 1px solid #092f50;
           padding: 8px;
           border-radius: 6px;
           text-align: center;
           color: #092f50;
           text-decoration: none;
           display: block;
           background: white;
           transition: all 0.2s;
           font-size: 16px;
           font-family: "Inter-Semibold";
       }

       .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-btn-block:hover {
           border-color: #092f50;
           background-color: #092f50;
           text-decoration: none;
           color: #FFFFFF;
       }

       .mzdownloadsnewpg-pdf-badge {
           background-color: #fff;
           color: #666;
           font-size: 10px;
           padding: 3px 8px;
           border-radius: 12px;
           font-weight: 600;
           text-transform: uppercase;
           border: 1px solid #eee;
       }

       .innerdwnlsdetailWraper {
           margin-bottom: 28px;
       }

       .downloadsdocsnxtLeft h2 {
           font-size: 1.40vw;
           color: #525252;
           font-family: "Newscience-Bold";
           margin-bottom: 22px;
       }

       .downloadsdocsnxtLeft h3 {
           font-size: 1.02vw;
           color: #282828ED;
           font-family: 'Inter-Semibold';
           margin-bottom: 18px;
       }

       .dwnPdf_cardWraper span {
           font-size: 17.61px;
           color: #092F50;
           font-family: "Inter-Semibold";
       }

       .downloadsdocsnxtLeft {
           padding: 20px 0 40px 0;
       }

       .productdtailedDiagram {
           padding-left: 35px;
       }

       .productdtailedDiagram h2 {
           font-size: 16px;
           color: #004065;
           font-family: "Inter-Semibold";
       }

       .specTitle {
           color: #004B8C;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           font-size: 1.25vw;
       }

       .specsTable thead th {
           font-size: 0.938vw;
           color: #282828ED;
           font-family: "Inter-Semibold";
           line-height: 1.2em;
           padding-bottom: 20px;
       }

       .specsTable tbody tr {
           background: rgba(45, 83, 90, 0.12);
       }

       .specsTable tbody tr:nth-child(even) {
           background: transparent;
       }

       .specsTable td {
           font-size: 0.73vw;
           padding: 12px 14px;
           vertical-align: middle;
           font-family: "Inter-Medium";
           color: #282828ED;
       }

       ul.list-group.specsList {
           margin-left: 0;
       }

       .specsList .list-group-item {
           display: flex;
           align-items: center;
           border: none;
           background: rgba(45, 83, 90, 0.12);
           margin-bottom: 8px;
           padding: 12px 14px;
           font-size: 14px;
           border-radius: 0;
           gap: 10px;
       }

       .specsLstgrp_left {
           flex: 0 0 20%;
       }

       .specsList .list-group-item:nth-child(even) {
           background: transparent;
       }

       .specsList .specsLstgrp_left p,
       .specsList .specslstgrp_rit p {
           color: #282828ED;
           font-size: 0.73vw;
           font-family: "Inter-Semibold";
           line-height: 1.2em;
           margin-bottom: 0;
       }

       .specsList .specslstgrp_rit p {
           font-family: "Inter-Medium";
       }

       /* table Ends*/

       /* 3D panel sec */
       /* --- Section-based Configurator --- */
       .productConfigSection {
           padding: 80px 0 60px 0;
       }

       .pord_thredRwmz {
           background: #fcfcfc;
           background-image: radial-gradient(#a7a96c 1.5px, transparent 1.5px);
           background-size: 30px 30px;
           border-radius: 24px;
       }

       .config-info-wrap {
           padding: 20px 0 12px 0;
           border-radius: 14px;
           background: #ffffff;
           box-shadow: 1px 1px 28px 8px rgb(243 255 215 / 25%);
           width: 80%;
           margin: auto;
       }

       .config-viewer-wrap {
           height: 600px;
           position: relative;
           overflow: hidden;
       }

       model-viewer {
           width: 100%;
           height: 100%;
           --poster-color: transparent;
       }

       .config-label-small {
           font-size: 12px;
           font-family: "Inter-Semibold";
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #092f50;
           margin-bottom: 8px;
           display: block;
           padding: 0 20px;
       }

       .config-product-title {
           font-size: 1.25vw;
           font-family: "Inter-Semibold";
           color: #092f50;
           margin-bottom: 0;
           letter-spacing: -0.5px;
           padding: 0 20px;
       }

       .config-mode-tabs {
           display: flex;
           gap: 20px;
           padding: 18px 20px;

       }

       .config-tab-btn {
           font-size: 12px;
           font-family: 'Inter-Medium';
           color: #092f50ad;
           cursor: pointer;
           position: relative;
           transition: color 0.2s;
       }

       .config-tab-btn:hover {
           color: #555;
       }

       .config-tab-btn.active {
           color: #092f50;
           font-family: 'Inter-Bold';
       }

       .productConfigSection h2 {
           font-size: 2vw;
           text-align: center;
           padding-bottom: 46px;
           font-family: 'Newscience-Bold';
           color: #282828ED;
       }

       .config-colors-label {
           font-size: 12px;
           font-family: "Inter-Semibold";
           text-transform: uppercase;
           color: #092f50;
           margin-bottom: 15px;
           padding: 0 20px;
       }

       .productConfigSection .apply-both-toggle {
           display: flex;
           align-items: center;
           gap: 10px;
           padding: 0px 20px 10px 20px;
       }

       .productConfigSection .toggle-label {
           font-size: 12px;
           letter-spacing: 1px;
           color: #555;
           text-transform: uppercase;
       }

       .productConfigSection .toggle-switch {
           position: relative;
           width: 42px;
           height: 22px;
       }

       .toggle-switch input {
           display: none;
       }

       .productConfigSection .slider {
           position: absolute;
           inset: 0;
           background: #ccc;
           border-radius: 20px;
           cursor: pointer;
           transition: 0.3s;
       }

       .productConfigSection .slider::before {
           content: "";
           position: absolute;
           width: 18px;
           height: 18px;
           left: 2px;
           top: 2px;
           background: #fff;
           border-radius: 50%;
           transition: 0.3s;
       }

       .productConfigSection .toggle-switch input:checked+.slider {
           background: #092f50;
       }

       .productConfigSection .toggle-switch input:checked+.slider::before {
           transform: translateX(20px);
       }

       .config-color-grid {
           display: flex;
           flex-wrap: wrap;
           align-items: flex-start;
           gap: 12px;
           overflow-y: auto;
           height: 130px;
           padding: 8px 20px 8px 20px;
       }

       .config-color-grid::-webkit-scrollbar {
           width: 5px;
       }

       /* Track */
       .config-color-grid::-webkit-scrollbar-track {
           box-shadow: inset 0 0 5px grey;
           border-radius: 10px;
       }

       /* Handle */
       .config-color-grid::-webkit-scrollbar-thumb {
           background: #092f50;
           border-radius: 10px;
       }

       /* Handle on hover */
       .config-color-grid::-webkit-scrollbar-thumb:hover {
           background: #041a2e;
       }

       .config-color-swatch {
           width: 32px;
           height: 32px;
           border-radius: 50%;
           cursor: pointer;
           transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
           position: relative;
           filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
       }

       .config-color-swatch:hover {
           transform: scale(1.15);
           z-index: 2;
       }

       .config-color-swatch.active::after {
           content: '';
           position: absolute;
           top: -4px;
           left: -4px;
           right: -4px;
           bottom: -4px;
           border: 2px solid #333;
           border-radius: 50%;
       }

       /* Fullscreen Button Style */
       #fullscreen-btn {
           position: absolute;
           bottom: 20px;
           right: 20px;
           background: #ffffff;
           border: 1px solid #ddd;
           border-radius: 5px;
           padding: 8px;
           cursor: pointer;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
           z-index: 100;
           transition: all 0.3s ease;
           display: flex;
           align-items: center;
           justify-content: center;
           width: 40px;
           height: 40px;
       }

       #fullscreen-btn:hover {
           background: #f0f0f0;
           transform: scale(1.05);
       }

       /* ------------------------------------------------ */
       /* FULLSCREEN MODE STYLES (Jab active hoga) */
       /* ------------------------------------------------ */

       /* 1. Make the Section Fixed and Cover Screen */
       section.productConfigSection.is-fullscreen {
           position: fixed;
           top: 0;
           left: 0;
           width: 100vw;
           height: 100vh;
           z-index: 99999;
           /* Sabse upar */
           background: #ffffff;
           padding: 0;
           margin: 0;
           overflow: hidden;
           /* Scrollbar hide karein */
       }

       /* 2. Adjust Container inside Fullscreen */
       section.productConfigSection.is-fullscreen .container,
       section.productConfigSection.is-fullscreen .row {
           max-width: 100%;
           width: 100%;
           height: 100%;
           margin: 0;
           padding: 0 20px;
       }

       /* 3. Adjust Canvas Height to Fill Screen */
       section.productConfigSection.is-fullscreen #canvas-container {
           height: 100vh !important;
           /* Force full height */
           width: 100%;
       }

       /* 4. Controls adjustments (Optional: Thora side par kar dein) */
       section.productConfigSection.is-fullscreen .col-lg-5 {
           /* position: absolute; */
           left: 20px;
           top: 20px;
           /* width: 350px; */
           background: rgba(255, 255, 255, 0.9);
           padding: 20px;
           border-radius: 10px;
           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
           z-index: 10;
           max-height: 90vh;
           overflow-y: auto;
       }

       /* 5. Canvas Area */
       section.productConfigSection.is-fullscreen .col-lg-7 {
           /* width: 100%;
    height: 100%;
    flex: 0 0 100%;
    max-width: 100%; */
       }

       /* Hide Title in Fullscreen (Optional) */
       section.productConfigSection.is-fullscreen h2.section-title {
           display: none;
       }

       /* 3D panel sec Ends*/
       .dwnPdf_cardWraper {
           position: relative;
       }

       .dwnPdf_cardWraper::before {
           position: absolute;
           top: 50%;
           left: 57px;
           transform: translateY(-50%);
           width: 0.66px;
           height: 62%;
           background: rgba(9, 47, 80, 0.43);
           content: "";
       }

       .downloadCard {
           display: flex;
           align-items: center;
           gap: 35px;
           padding: 12px 14px;
           border-radius: 5.504px;
           background: rgba(9, 47, 80, 0.11);
           text-decoration: none;
           color: #0b2c3d;
           transition: all .2s ease;
           cursor: pointer;
       }

       /* Card ko relative banayein taake loader absolute ho sake */
       .downloadCard {
           position: relative;
           transition: all 0.3s ease;
       }

       /* Jab process ho raha ho */
       .downloadCard.is-processing {
           opacity: 0.7;
           /* Thoda transparent */
           pointer-events: none;
           /* Click rokne ke liye */
           cursor: wait;
       }

       /* Loader Icon ki position (Right Corner) */
       .dl-card-loader {
           position: absolute;
           right: 20px;
           /* Right side se distance */
           top: 50%;
           transform: translateY(-50%);
           /* Vertically center */
           font-size: 18px;
           color: #2271b1;
           /* Apne theme ka color dein */
       }

       /* Success Checkmark Style */
       .dl-card-success {
           position: absolute;
           right: 20px;
           top: 50%;
           transform: translateY(-50%);
           font-size: 18px;
           color: #28a745;
           /* Green Color */
       }

       .downloadCard i {
           color: #e63946;
           font-size: 20px;
       }

       .downloadCard span {
           flex: 1;
           font-size: 0.917vw;
           color: #092F50;
           font-family: "Inter-Semibold";
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
           display: block;
       }

       .dwnPdf_cardWraper small {
           font-size: 14px;
           color: #092F50;
           font-family: "Inter-Light";
       }

       .diagramWrap {
           border-radius: 8px;
       }

       .innerDetaileddiagramsnxt {
           display: flex;
           align-items: center;
           gap: 10px;
       }

       .innerDetaileddiagramsnxt .nxtspandtldImg_left {
           flex: 0 0 calc(50% - 5px);
       }

       .innerDetaileddiagramsnxt .nxtspandtldImg_right {
           flex: 0 0 calc(50% - 5px);
       }

       .nextspandtlddiagrmInerimg {
           position: relative;
           padding-top: 70%;
       }

       .nextspandtlddiagrmInerimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .grandeMatdiagramWrapp {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin: 70px 0 20px 0;
       }

       .grandeMatdWp_Mainimg {
           position: relative;
           padding-top: 42%;
           width: 100%;
           margin: 50px 0;
       }

       .grandeMatdWp_Mainimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .grandeMatdWp_content h3 {
           font-size: 30.71px;
           color: #092F50;
           font-family: 'Inter-Semibold';
           line-height: 1.2em;
       }

       .grandeMatdWp_content p {
           font-size: 18px;
           color: #004065;
           font-family: 'Inter-Regular';
           margin-bottom: 0;
       }

       .grandeMatdWp_content_ritt p {
           font-size: 37px;
           color: rgba(9, 47, 80, 0.80);
           font-family: "Inter-Semibold";
           margin-bottom: 0;
       }

       .productdtailedDiagram p {
           font-size: 16.82px;
           font-family: "Inter-Regular";
           color: #282828ED;
           text-align: center;
       }

       /* cta sec */

       .prdsingleCTAsc {
           background: #092F50;
           padding: 50px 0;
       }

       section.relatedProducts_sc {
           padding: 4% 0 48px 0;
       }

       .prdsingleCTAsc h2 {
           font-size: 1.85vw;
           font-family: "Urbanist-Bold";
           color: rgba(255, 255, 255, 0.90);
           line-height: 1.2em;
           text-transform: uppercase;

       }

       .prdsingleCTAsc p {
           font-size: 1.04vw;
           font-family: "Urbanist-Semibold";
           color: rgba(255, 255, 255, 0.90);
           margin-bottom: 0;
       }

       /* Related Products */
       .relatedProducts_sc h2 {
           font-size: 1.85vw;
           color: #353535;
           text-align: center;
           margin-bottom: 52px;
           font-family: "Newscience-Bold";
       }

       /* Related Products Ends*/
       /****************** Product Single page ends *************************/

       /* Breadcrumbs */
       p#breadcrumbs span a {
           text-decoration: none;
           font-size: 14px;
           color: #BCBCBC;
           font-family: "Inter-Regular";
       }

       span.breadcrumb_last {
           font-family: "Inter-semibold";
           color: #FFFFFF;
       }

       /* Breadcrumbs Ends*/

       /* ************ 404 Page */
       .errorpageSec {
           padding: 136px 0;
           background: #0e4b80;
       }

       .errorpageSec h1 {
           font-size: 17vw;
           text-align: center;
           font-family: 'Newscience-Bold';
           color: #c9c7c7;
           line-height: 1em;
       }

       .errorpageSec p {
           font-size: 1.5vw;
           text-align: center;
           color: #c9c7c7;
           font-family: 'Newscience-Semibold';
       }

       .bktohomebtn {
           margin: 33px auto 0 auto;
           text-align: center;
       }

       .bktohomebtn a {
           background: #ffffff;
           PADDING: 12PX 23PX;
           border-radius: 4px;
           color: #092f50;
           text-decoration: none;
           font-family: 'Inter-Semibold';
           border: 1px solid #FFFFFF;
           transition: 0.4s ease;
       }

       .bktohomebtn a:hover {
           background: #092f50;
           color: #FFFFFF;
       }

       /* ************ 404 Page Ends*/
       /* ************ Thankyou Page*/
       .thankyoupagesc {
           padding: 200px 0;
           background: #0e4b80;
       }

       .thankyoupagesc h1 {
           font-size: 4vw;
           text-align: center;
           font-family: 'Newscience-Bold';
           color: #c9c7c7;
           line-height: 1em;
       }

       .thankyoupagesc p {
           font-size: 1.5vw;
           text-align: center;
           color: #FFFFFF;
           font-family: 'Newscience-Semibold';
       }

       /* ************ Thankyou page Ends*/
       /* ************ Sustainability Page ************** */
       .SustainabilityHeroSec {
           background: url("../images/sustainability-pg/sustainability_hero_bg.webp");
           background-size: cover;
           padding: 60px 0;
       }

       .sustainabilityCont h1 {
           font-size: 2.08vw;
           color: #FFFFFF;
           font-family: "Newscience-Regular";
           line-height: 1.2em;
       }

       .sustainabilityCont h1 span {
           font-family: "Newscience-Bold";
       }

       .sustainabilityCont p {
           font-size: 0.83vw;
           font-family: "Inter-Light";
           color: #FFFFFF;
           padding-right: 19%;
           margin-top: 22px;
       }

       #ecoNewsSlider .single-slide .splide__list {
           justify-content: flex-start;
       }

       #ecoNewsSlider .single-slide .splide__slide {
           max-width: 420px;
       }


       .sustainHerpresbtmtext p {
           margin-bottom: 0;
           color: #FFFFFF;
           font-size: 0.83vw;
           font-family: "Inter-Bold";
           font-style: italic;
           max-width: 47%;
           text-align: center;
       }

       .sustainHerRightimg {
           width: 146px;
           padding-top: 28%;
           position: relative;
       }

       .sustainHerRightimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .OzoneSafeBlowing {
           padding: 5% 0 0 0;
       }

       section.OzoneSafeBlowing h2 {
           font-size: 1.9791vw;
           text-align: center;
           font-family: "Newscience-Bold";
           color: #000000;
           line-height: 1.2em;
           margin-bottom: 20px;
       }

       .OzoneSafeBlowing p {
           font-size: 0.8333vw;
           color: rgba(67, 67, 67, 0.93);
           font-family: "Inter-Regular";
           text-align: center;
           width: 59%;
           margin: auto;
       }

       .susTaingloberw {
           align-items: center;
       }

       .ozoneBlowingImgg {
           position: relative;
           padding-top: 100%;
           width: 100%;
       }

       .ozoneBlowingImgg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .ozoneLayerInerdv p {
           font-size: 0.9375vw;
           width: 100%;
           text-align: left;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Light";
       }

       .ozoneDayyCardswrap {
           display: flex;
           align-items: center;
           gap: 20px;
           padding-top: 30px;
           flex-wrap: wrap;
       }

       .ozoneDayyCardswrap .ozoNedyfeatureCard {
           flex: 0 0 calc(33.33% - 14px);
           justify-items: center;
           margin: auto;
       }

       .ozoNedyfeatureCard .ozoNedyfeatureicon {
           width: 74px;
           height: 74px;
           margin: 0 auto 20px auto;
       }

       .ozoNedyfeatureCard .ozoNedyfeatureicon img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .ozoNedyfeatureCard h3 {
           font-size: 0.83vw;
           color: #323232;
           font-family: 'Inter-Bold';
           letter-spacing: 0.64px;
           text-transform: uppercase;
           text-align: center;
       }

       .ozoNedyfeatureCard p {
           font-size: 0.73vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Light";
           width: 100%;
       }

       .NextspanEcoNews {
           padding-bottom: 34px;
       }

       .nextspannewsheader_rw {
           margin-bottom: 20px;
       }

       .NextspanEcoNews h2 {
           color: #000000;
           font-size: 1.9792vw;
           font-family: "Newscience-Regular";
           line-height: 1.2em;
       }

       .NextspanEcoNews h2 span {
           font-family: "Newscience-Bold";
       }

       .NextspanEcoNews p {
           font-size: 16px;
           color: rgba(67, 67, 67, 0.93);
           font-family: "Inter-Regular";
       }

       .nextspanEnivNews {
           padding: 40px 0;
       }

       .nextspanEnvCard {
           /* Optional: Limit width if needed */
           width: 100%;
       }

       .nextsoanEnvnewsimg {
           position: relative;
           /* This defines the height of the card. 
       You can use aspect-ratio OR min-height. */
           min-height: 300px;
           /* aspect-ratio: 4/3; <--- Alternative option */

           /* Background Image Settings */
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;

           border-radius: 16px;
           overflow: hidden;
           /* Ensures overlay/content doesn't spill out */

           display: flex;
           /* Enables Flexbox for the content inside */
       }

       /* The Overlay (Stays Absolute to cover the image) */
       .card-overlay {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           /* Your Gradient */
           background: linear-gradient(180deg, rgba(0, 0, 0, 0.71) 11.52%, rgba(9, 83, 19, 0.10) 43.14%, rgba(0, 76, 16, 0.90) 79.33%);
           z-index: 1;
       }

       /* The Content Container */
       .nextspanEnvnewsContent {
           position: relative;
           /* sits on top of overlay */
           z-index: 2;
           width: 100%;
           padding: 25px 20px;
           /* Padding around all text */

           /* FLEXBOX MAGIC */
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           /* Pushes H3 up and Text down */
       }

       /* Typography Styling */
       .nextspanEnvnewsContent h3 {
           font-size: 18px;
           /* Used px for safety, adapt to vw if preferred */
           color: #FFFFFF;
           font-family: "Inter-Bold", sans-serif;
           margin: 0;
           margin-bottom: 20px;
           /* Gap between title and rest */
           line-height: 1.4;
       }

       /* Wrapper for Paragraph and Button to keep them together at bottom */
       .news-bottom-group {
           margin-top: auto;
           /* This guarantees it stays at the bottom */
       }

       .nextspanEnvnewsContent p {
           font-size: 14px;
           font-family: "Inter-Light", sans-serif;
           color: #FFFFFF;
           margin-bottom: 15px;
           line-height: 1.5;
       }

       .readMorebtnenvNews a {
           font-size: 14px;
           color: #FFFFFF;
           font-family: "Inter-Regular", sans-serif;
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 8px;
           /* Space between text and arrow */
       }

       .readMorebtnenvNews a:hover {
           text-decoration: underline;
       }

       /* Environmen News Slider */


       /* --- Custom Arrow Styling (Top Right) --- */
       /* ================================
   NEXTSPAN ECO – Header Arrows
================================ */

       /* Force arrows visible */
       .custom-splide-arrows {
           display: flex;
           align-items: center;
           justify-content: flex-end;
           gap: 12px;
       }

       /* Override Splide default arrow styles */
       .custom-splide-arrows .splide__arrow {
           position: static !important;
           opacity: 1 !important;
           visibility: visible !important;
           transform: none !important;

           width: 40px;
           height: 40px;
           border-radius: 50%;
           background: transparent;
           border: 1px solid #d0d5d2;
           color: #092f50;
           display: flex;
           align-items: center;
           justify-content: center;

           cursor: pointer;
           transition: all 0.3s ease;
       }

       /* Hover effect (as per design) */
       .custom-splide-arrows .splide__arrow:hover {
           background: #092f50;
           color: #ffffff;
           border-color: #092f50;
       }

       /* Icon size */
       .custom-splide-arrows .splide__arrow i {
           font-size: 14px;
       }

       /* Disabled arrow state */
       /* Disabled arrow state – clear visual difference */
       .custom-splide-arrows .splide__arrow.is-disabled {
           opacity: 0.35;
           cursor: not-allowed;
           pointer-events: none;

           border-color: #e3e7e5;
           /* lighter border */
           color: #b6c2bc;
           /* light icon color */
           background: transparent;
       }



       /* Environmen News Slider Ends*/
       .RecycleOzonesc.RecycleOzoneSustainpg {
           background: #FFFFFF;
           padding: 0% 0 20px 0;
       }

       .qualityCertifcationsc.qualityCertifcation_Sustain {
           padding: 5.7% 0;
           background-image: url("../images/sustainability-pg/sustainability_qc_bg.webp");
           background-size: cover;
           background-repeat: no-repeat;
       }

       .qualityCertifcationsc.qualityCertifcation_Sustain h2 {
           color: #FFFFFF;
       }

       .qualityCertifcationsc.qualityCertifcation_Sustain p {
           color: rgba(255, 255, 255, 0.93);
       }

       .qualityCertifcationsc.qualityCertifcation_Sustain .qacrtcNextspanWrapper p {
           color: rgba(255, 255, 255, 0.56);
       }

       /* ************ Sustainability Page Ends ************** */
       /* ************ Sustainability single news Page ************** */
       /* --- Parent Wrapper Scope --- */
       .environment_newssinglepgmz {
           background-color: #fff;
       }

       .env_news_mz_article_container {
           padding-left: 40px;
       }

       /* --- Featured Image --- */
       .env_news_mz_featured_img {
           position: relative;
           padding-top: 40%;
           width: 100%;
           margin-bottom: 24px;
       }

       .env_news_mz_featured_img img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           border-radius: 16px;
           box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.10);
       }

       /* --- Title & Meta --- */
       .env_news_mz_title {
           color: #353535;
           font-size: 1.67vw;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
       }

       .env_news_mz_meta {
           font-size: 0.9375vw;
           color: rgba(27, 27, 31, 0.60);
           font-family: "Inter-Regular";
       }

       span.minread_meta {
           position: relative;
           padding-left: 34px;
       }

       span.minread_meta::before {
           position: absolute;
           top: 50%;
           left: 13%;
           transform: translate(-13%, -50%);
           background: rgba(27, 27, 31, 0.60);
           width: 6px;
           height: 6px;
           border-radius: 50%;
           content: "";
       }

       /* --- Content Typography --- */
       .env_news_mz_body h2 {
           font-size: 1.04vw;
           color: #434343;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
       }

       .env_news_mz_body h3 {
           font-size: 1vw;
           color: #434343;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
       }

       .env_news_mz_body p {
           font-size: 0.937vw;
           line-height: 1.7em;
           color: #1B1B1F;
           margin-bottom: 1.5rem;
       }

       .env_news_mz_body ul,
       .env_news_mz_body ol {
           margin-bottom: 1.5rem;
           padding-left: 1.5rem;
       }

       /* --- Sticky Sidebar (Table of Contents) --- */
       .env_news_mz_sticky_toc {
           position: sticky;
           top: 20px;
           /* Adjust based on header height */
           z-index: 10;
       }

       .env_news_mz_toc_card {
           background: #f8f9fa;
           border-radius: 8px;
           border: 1px solid #e9ecef;
           overflow: hidden;
           padding-top: 11px;
       }

       .env_news_mz_toc_header {
           font-size: 1.04vw;
           color: #092F50;
           font-family: 'Newscience-Bold';
           text-align: center;
           padding: 10px 10px;
           width: 90%;
           margin: auto;
           background: #EAEAEA;
           border-radius: 6px;
           position: relative;
       }

       .env_news_mz_toc_header i {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           left: 10px;
           font-size: 18px;
       }

       .env_news_mz_toc_body {
           padding: 15px;
       }

       .env_news_mz_toc_list {
           list-style: none;
           padding: 0;
           margin: 0;
       }

       /* --- TOC List Styling --- */
       .env_news_mz_toc_list li a {
           display: block;
           padding: 10px 20px;
           font-size: 0.9375vw;
           color: #1B1B1F;
           font-family: "Inter-Regular";
           text-decoration: none;
           transition: all 0.2s ease;
           border-left: 4px solid transparent;
       }

       .env_news_mz_toc_list li a:hover {
           color: #092f50;
           background-color: #f8f9fa;
       }

       /* --- ACTIVE STATE (Thick Blue Line) --- */
       .env_news_mz_toc_list li a.active {
           border-left: 5px solid #092f50;
           color: #092f50;
           font-weight: 700;
           background-color: #fcfcfc;
           padding-left: 19px;
       }

       /* Indent Sub-items (H3) */
       .env_news_mz_toc_sub a {
           padding-left: 35px !important;
           font-size: 0.9rem;
           color: #666;
           font-weight: 400;
       }

       .env_news_mz_toc_sub a.active {
           padding-left: 34px !important;
           /* Border width adjust */
       }

       /* --- Share Section --- */
       .env_news_mz_share_wrap {
           margin-top: 0;
           padding-top: 1.5rem;
           padding-bottom: 1.5rem;
           border-bottom: 1px solid #e9ecef;
       }

       .env_news_mz_share_wrap h2 {
           font-size: 1.04vw;
           color: #434343;
           font-family: "Newscience-Bold";

       }

       .env_news_mz_social_icons {
           display: flex;
           gap: 10px;
       }

       .env_news_mz_share_btn {
           width: 40px;
           height: 40px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           color: #fff;
           text-decoration: none;
           transition: transform 0.2s;
       }

       .env_news_mz_share_btn:hover {
           transform: translateY(-3px);
           color: #fff;
       }

       .env_news_mz_fb {
           background-color: #3b5998;
       }

       .env_news_mz_tw {
           background-color: #000;
       }

       .env_news_mz_li {
           background-color: #0077b5;
       }

       .env_news_mz_pi {
           background-color: #cb2027;
       }

       /* --- Next Article Navigation --- */
       .env_news_mz_next_nav {
           max-width: 400px;
           margin-left: auto;
           padding-top: 15px;
       }

       .env_news_mz_next_link:hover {
           text-decoration: underline !important;
           color: #092f50 !important;
       }

       /* ************ Sustainability single news Page Ends ************** */
       /* ************ Downloads page ************** */
       .downlaodsCatcardwp {
           border-radius: 10px;
           background: #FFFFFF;
           box-shadow: 0 6px 37px 0 rgba(0, 0, 0, 0.15);
           padding: 23% 20px;
           position: relative;
           transition: 0.4s ease;
       }

       .downlaodsCatcardwp:hover {
           background: #092F50;
       }

       .downlaodsCatcardwp h3 {
           font-size: 1.823vw;
           color: rgba(9, 47, 80, 0.80);
           font-family: "Newscience-Regular";
           text-align: center;
           margin-bottom: 0;
           line-height: 1.2em;
           position: relative;
       }

       .downlaodsCatcardwp h3 i {
           color: rgba(9, 47, 80, 0.80);
           font-size: 18px;
           margin-left: 14px;
           top: 50%;
           transform: translateY(-15%) rotate(-45deg);
       }

       .downlaodsCatcardwp:hover h3,
       .downlaodsCatcardwp:hover h3 i {
           color: #FFFFFF;
       }

       .dwnloadcardcaticon {
           width: 108px;
           height: 108px;
           margin: 0 auto 10px auto;
       }

       .dwnloadcardcaticon img {
           width: 100%;
           height: 100%;
           object-fit: contain;
           opacity: 0.7;
       }

       .downlaodsCatcardwp:hover .dwnloadcardcaticon img {
           filter: brightness(0) invert(1);
           opacity: 1;
       }

       .downlaodsCatcardwp::before {
           content: "";
           position: absolute;
           top: 0;
           right: 0;
           width: 39%;
           height: 48%;
           background: #0b3558;
           clip-path: polygon(100% 0, 100% 100%, 0 0);
           border-radius: 0 12px 0 0;
       }

       .downlaodsCatcardwp:hover::before {
           background: rgba(255, 255, 255, 0.18);
       }


       .downloadcardnxtspanicon {
           width: 16%;
           height: 16%;
           position: absolute;
           top: 18px;
           right: 19px;
       }

       .downloadcardnxtspanicon img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .downlaodsCatcardswrap {
           padding-bottom: 70px;
       }

       .chooseDownloadscimg {
           position: relative;
           width: 100%;
           padding-top: 58%;
       }

       .chooseDownloadscimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .whychoosedownloadrightt {
           padding-left: 38px;
       }

       .choosedwnloadrightContent h2 {
           font-size: 1.979vw;
           color: #000000;
           font-family: "Newscience-Regular";
       }

       .choosedwnloadrightContent h2 span {
           font-family: "Newscience-Bold";
       }

       .choosedwnloadrightContent p {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           padding: 16px 0;
       }

       .chooserightCOntentcrdswrap {
           display: flex;
           gap: 12px;
       }

       .chooseDownloadssc {
           padding: 70px 0;
           background: linear-gradient(180deg, #FAFAFA 0%, #FFF 100%);
           margin-bottom: 20px;
       }

       .chosedownloadinneriCon {
           width: 36px;
           height: 36px;
           margin-bottom: 5px;
       }

       .chosedownloadinneriCon img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .choosedownloadinnercrd h3 {
           font-size: 0.8333vw;
           color: #323232;
           font-family: "Inter-Bold";
           padding: 7px 0;
           margin-bottom: 0;
       }

       .choosedownloadinnercrd p {
           font-size: 0.729vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Light";
           margin-bottom: 0;
       }

       /* --- Sidebar Container --- */
       .mz-sidebar-container {
           background: #fff;
           padding-right: 20px;
           position: sticky;
           top: 12px;
       }

       /* Sidebar Title (Filters) */
       .mz-downloadpgsidebar-header {
           font-size: 1.14vw;
           font-family: "Inter-Bold";
           color: rgba(40, 40, 40, 0.93);
           margin-bottom: 10px;
       }

       .filterDownloadssec {
           margin-top: 3rem;
       }

       /* Sidebar Search Box Styling */
       .downloadsinglepgHeading {
           margin-right: auto;
           font-size: 1.823vw;
           color: #464646;
           font-family: "Newscience-Bold";
           margin-bottom: 0;
       }

       /* --- Accordion Styling --- */
       .mz-downloadsPGsidebar-accordion .accordion-item {
           margin-bottom: 10px;
           overflow: hidden;
           border-radius: 8px;
           border: 0.5px solid rgba(0, 0, 0, 0.30);
           background: #FFF;
       }

       /* Accordion Button (Header) */
       .mz-downloadsPGsidebar-accordion .accordion-button {
           background-color: #fff;
           color: rgba(9, 47, 80, 0.70);
           font-size: 0.885vw;
           font-family: "Newscience-Bold";
           padding: 12px 15px;
           box-shadow: none !important;
       }

       .mz-downloadsPGsidebar-accordion .accordion-button::after {
           background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23092f50'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
       }

       .mz-downloadsPGsidebar-accordion .accordion-button:not(.collapsed)::after {
           background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23092f50'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
       }

       /* Active/Open State color */
       .mz-downloadsPGsidebar-accordion .accordion-button:not(.collapsed) {
           border-bottom: 0.8px solid rgba(9, 47, 80, 0.25);
           color: #092F50;
           font-size: 0.885vw;
           font-family: "Newscience-Bold";
       }

       /* Inner Checkbox Area */

       /* --- Project Page Sidebar Scrollbar --- */
       .mz-sidebar-checkbox-group {
           max-height: 300px;
           overflow-y: auto;
           padding: 10px 15px;
           background-color: #fff;
       }

       /* Custom Scrollbar */
       .mz-sidebar-checkbox-group::-webkit-scrollbar {
           width: 6px;
       }

       .mz-sidebar-checkbox-group::-webkit-scrollbar-track {
           background: #f1f1f1;
           border-radius: 3px;
       }

       .mz-sidebar-checkbox-group::-webkit-scrollbar-thumb {
           background: #ccc;
           border-radius: 3px;
       }

       .mz-sidebar-checkbox-group::-webkit-scrollbar-thumb:hover {
           background: #aaa;
       }

       /* Individual Checkbox Items */
       .mz-sidebar-checkbox-item {
           display: flex;
           align-items: center;
           margin-bottom: 8px;
           font-size: 0.9rem;
           color: #666;
           cursor: pointer;
           user-select: none;
       }

       .mz-sidebar-checkbox-item:last-child {
           margin-bottom: 0;
       }

       .mz-sidebar-checkbox-item input[type="checkbox"] {
           margin-right: 10px;
           cursor: pointer;
           width: 16px;
           height: 16px;
           accent-color: #092f50;
       }

       /* --- Mobile Filter Button & Sidebar Logic --- */

       .mz-mobile-filter-btn {
           display: none;
       }

       .mz-sidebar-close-btn {
           display: none;
       }

       .mz-sidebar-overlay {
           display: none;
       }

       /* Mobile Search Container (New) */
       .mz-mobile-search-container {
           margin-bottom: 15px;
       }

       .mz-mobile-search-container .mzdownloadsnewpg-search-wrapper {
           display: flex;
           align-items: center;
           border: 1px solid #ced4da;
           /* Match Bootstrap border */
           border-radius: 6px;
           /* Match Bootstrap radius */
           padding: 6px 12px;
           background: #fff;
       }

       .mz-mobile-search-container .mzdownloadsnewpg-search-wrapper i {
           margin-right: 10px;
           color: #6c757d;
       }

       .mz-mobile-search-container .mzdownloadsnewpg-search-wrapper input {
           border: none;
           outline: none;
           width: 100%;
           color: #495057;
       }

       /* pagination */
       /* Pagination Container */
       #mz-pagination {
           display: flex;
           justify-content: flex-end;
           /* Right align */
           align-items: center;
           gap: 5px;
       }

       /* Base Button Style */
       .mz-page-btn {
           background-color: #fff;
           border: 1px solid #dee2e6;
           color: #002D5B;
           /* Dark Blue Text */
           padding: 6px 12px;
           font-size: 14px;
           border-radius: 4px;
           cursor: pointer;
           transition: all 0.2s ease;
           font-weight: 500;
       }

       /* Hover State */
       .mz-page-btn:hover:not(:disabled) {
           background-color: #e9ecef;
           border-color: #dee2e6;
           color: #001f3f;
       }

       /* Active State (The Blue Box) */
       .mz-page-btn.active {
           background-color: #002D5B;
           /* Dark Blue Background */
           color: #fff;
           border-color: #002D5B;
       }

       /* Disabled State (Previous/Next) */
       .mz-page-btn.disabled {
           color: #6c757d;
           pointer-events: none;
           background-color: #fff;
           border-color: #dee2e6;
           opacity: 0.6;
       }

       /* The '...' Dots */
       .mz-page-dots {
           padding: 0 5px;
           color: #6c757d;
           font-weight: bold;
       }

       /* pagination */

       /* ************ Downloads page Ends ************** */
       /* ************ Accessory Page ************** */
       h2.accessryHeadingmz {
           font-size: 1.8vw;
           text-align: center;
           padding-bottom: 20px;
           color: #000000;
           font-family: "Newscience-Bold";
       }

       .accessoriesLstnggsc .productCardV2 .pccntwrpLeft {
           flex: 0 0 100%;
       }

       .accessoriesLstnggsc .productCardV2 .pccntwrpLeft h3 {
           text-align: center;
       }

       .load-more-wrapper.load-more-wrapperAccessries {
           margin: 40px 0 0 0;
           text-align: center;
       }

       /* ************ Accessory Page Ends ************** */
       /* ************ Blogs Page ************** */
       .blogHeroSecbg {
           background-image: url("../images/blog-pg/blog_pg_banner.png");
           background-size: cover;
           background-repeat: no-repeat;
           padding: 5% 0;
       }

       .blogHeroSecbgContent h1 {
           color: #FFFFFF;
           font-size: 2.12vw;
           font-family: "Newscience-Regular";
           text-align: center;
           line-height: 1.2em;
           margin-bottom: 12px;
       }

       .blogHeroSecbgContent h1 span {
           font-family: "Newscience-Bold";
       }

       .blogHeroSecbgContent p {
           font-family: "Inter-Light";
           font-size: 16px;
           color: #FFFFFF;
           text-align: center;
           width: 60%;
       }

       .blogHeroSecbgContent p {
           font-family: "Inter-Light";
           font-size: 16px;
           color: #FFFFFF;
           text-align: center;
           width: 69%;
           margin: 20px auto 26px auto;
       }

       .blogHeroSecbgContent .footerSearch_sbsc {
           width: 56%;
           margin: auto;
       }

       .blogHeroSecbgContent .footerSearch_sbsc .input-group {
           background: #FFFFFF;
           border-radius: 100px;
       }

       .blogHeroSecbgContent .footerSearch_sbsc input.form-control {
           height: 50px;
           color: #000000;
       }


       .blogHeroSecbgContent button.btn.btn-search {
           background: #092f50;
           border-radius: 100px !important;
           color: #FFFFFF;
           font-size: 0.83vw;
           font-family: 'Inter-Regular';
           height: 44px;
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           right: 4px;
           padding: 0 20px;
           transition: 0.4s ease;
           border: 1px solid #092f50;
       }

       .blogHeroSecbgContent button.btn.btn-search:hover {
           background: #FFFFFF;
           color: #092f50;
       }

       .blogHeroSecbgContent .footerSearch_sbsc .input-group-text {
           border-radius: 0;
           background: none;
           border: none;
           color: #092f50;
       }

       /* Unique Parent Class for Scoping */
       .mzblognextpg-browse-section {
           padding: 60px 0;
           background-color: #FFFFFF;
           font-family: sans-serif;
       }

       /* Header Styling */
       .mzblognextpg-browse-section .Bloggsection-header h2 {
           font-size: 1.40vw;
           font-family: "Newscience-Bold";
           color: #525252;
           margin-bottom: 10px;
       }

       .mzblognextpg-browse-section .Bloggsection-header p {
           font-size: 16px;
           color: rgba(40, 40, 40, 0.93);
           font-style: italic;
           font-family: "Inter-Medium";
       }

       /* Main Article Card */
       .mzblognextpg-browse-section .mzblognextpg-article-card {
           overflow: hidden;
           height: 100%;
           display: flex;
           flex-direction: column;
           border-radius: 19.849px;
           box-shadow: 0 0 23.819px 0 rgba(0, 0, 0, 0.10);
           background: #FFFFFF;
       }

       .mzBlogcardimgg {
           position: relative;
           padding-top: 70%;
           width: 100%;
       }

       .mzblognextpg-browse-section .mzBlogcardimgg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .card-body {
           padding: 20px;
           flex: 1;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .card-body a {
           text-decoration: none;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .card-title {
           font-size: 1.19vw;
           font-family: "Inter-Bold";
           color: #000000;
           line-height: 1.2em;
           margin-bottom: 20px;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .card-footer-content {
           display: flex;
           justify-content: space-between;
           align-items: center;
           font-size: 12px;
           color: #888;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .date-badge {
           display: inline-flex;
           align-items: center;
           background: #CCCCCC;
           border-radius: 19.85px;
           padding: 5px 8px;
           color: #2D535A;
           font-family: "Inter-Regular";
           font-size: 11.91px;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .date-badge i {
           margin-right: 8px;
           font-size: 14px;
           color: #2D535A;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .read-more {
           color: #000000;
           text-decoration: none;
           font-family: "Inter-Regular";
           display: flex;
           align-items: center;
           transition: color 0.3s ease;
           font-size: 16px;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .read-more:hover {
           color: #092F50;
       }

       .mzblognextpg-browse-section .mzblognextpg-article-card .read-more i {
           margin-left: 5px;
           font-size: 12px;
       }

       /* Special Card (Embodied Carbon) */
       .mzblognextpg-browse-section .mzblognextpg-special-card {
           background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://placehold.co/600x400/238c6d/ffffff?text=Embodied+Carbon+VS+Operational+Carbon') no-repeat center center;
           background-size: cover;
           border-radius: 8px;
           overflow: hidden;
           color: #fff;
           height: 100%;
           display: flex;
           flex-direction: column;
           padding: 20px;
       }

       .mzblognextpg-browse-section .mzblognextpg-special-card .card-body {
           flex: 1;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .mzblognextpg-browse-section .mzblognextpg-special-card .card-title {
           font-size: 20px;
           font-weight: 700;
           margin-bottom: 15px;
       }

       .mzblognextpg-browse-section .mzblognextpg-special-card .card-title span {
           color: #00e676;
       }

       .mzblognextpg-browse-section .mzblognextpg-special-card .read-more {
           color: #fff;
       }

       .mzblognextpg-browse-section .mzblognextpg-special-card .date-badge i {
           color: #00e676;
       }

       /* Sidebar Styling */
       .mzblognextpg-browse-section .blognxtmzsidebar-section h3 {
           font-size: 1.1458vw;
           color: #525252;
           font-family: "Newscience-Bold";
           margin-bottom: 15px;
           display: flex;
           align-items: center;
       }

       .mzblognextpg-browse-section .blognxtmzsidebar-section h3::after {
           content: '';
           flex: 1;
           border-bottom: 1px solid #606060;
           margin-left: 15px;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item {
           display: flex;
           margin-bottom: 15px;
           padding-bottom: 15px;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item:last-child {
           border-bottom: none;
           margin-bottom: 0;
           padding-bottom: 0;
       }

       .blognxtmzsidebarcardImg {
           width: 110px;
           height: 100px;
           margin-right: 15px;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           border-radius: 7.47px;

       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item .sidebar-content {
           flex: 1;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item .date-badge {
           display: inline-flex;
           align-items: center;
           background: #F1ECFF;
           border-radius: 19.85px;
           padding: 5px 8px;
           color: #2D535A;
           font-family: "Inter-Regular";
           font-size: 11.91px;
           margin-bottom: 5px;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item .date-badge i {
           margin-right: 5px;
           font-size: 8px;
           color: #2D535A;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item .sidebar-title {
           font-size: 1.04vw;
           color: #464646;
           font-family: "Inter-Semibold";
           line-height: 1.3;
           margin-top: 3px;
       }

       .mzblognextpg-browse-section .mzblognextpg-sidebar-item a {
           text-decoration: none;
       }

       .mzblognextpg-browse-section .showing-more-link {
           display: inline-block;
           margin-top: 30px;
           color: #888;
           text-decoration: underline;
           font-size: 14px;
       }

       .blogrighSidewrapermz {
           border-radius: 19.849px;
           background: #FFF;
           box-shadow: 0 0 39.698px 0 rgba(0, 0, 0, 0.12);
           padding: 30px 23px;
       }

       /* ************ Blogs Page Ends ************** */

       /* ************ carer job form ************** */
       .ns-form-wrapper.heroseccontct-form {
           width: 60%;
           margin: auto;
           background: #f6f6f6;
           padding: 20px;
           border-radius: 12px;
           box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
           margin-top: 58px;
       }

       .jobFormSec h3 {
           text-align: center;
           font-size: 1.9em;
           font-family: 'Newscience-Bold';
           color: #000000;
       }

       .carerjobformsbmt {
           width: 100%;
           text-align: center;
           background: #092F50;
           color: #FFFFFF;
           border-radius: 126px;
           padding: 14px 0;
           font-family: "Inter-Bold";
           letter-spacing: 0px;
           text-transform: uppercase;
           font-size: 16px;
       }

       button.carerjobformsbmt i {
           transform: rotate(-45deg);
           margin-left: 10px;
       }

       /* ************ career job form Ends ************** */
       /* ************ career job detail page ************** */
       /* --- BREADCRUMB STRIP (New Added Section) --- */
       .job-breadcrumb-strip {
           background-color: #264653;
           /* Dark Slate/Teal to match image */
           padding: 28px 0;
           color: #fff;
           font-size: 0.75rem;
           /* Small, uppercase text */
           font-family: 'Inter', sans-serif;
           font-weight: 600;
           text-transform: uppercase;
           letter-spacing: 0.5px;
       }

       .job-breadcrumb-strip a {
           color: rgba(255, 255, 255, 0.75);
           text-decoration: none;
           transition: 0.3s;
           font-family: "Inter-Regular";
           font-size: 14px;
           font-weight: 400;

       }

       .careerDetailleftside {
           padding-right: 50px;
       }

       .job-breadcrumb-strip a:hover {
           color: #ffffff;
       }

       .job-breadcrumb-strip .separator {
           margin: 0 5px;
           color: rgba(255, 255, 255, 0.75);
           font-size: 0.7rem;
           font-family: "Inter-Regular";
       }

       .job-breadcrumb-strip .current {
           color: #FFFFFF;
           font-family: "Inter-semibold";
           font-size: 14px;
       }


       /* --- Existing Styles --- */
       .job-details-wrapper {
           padding: 60px 0;
       }

       /* Back Button */
       .back-btn-wrapper {
           margin-bottom: 20px;
       }

       .btn-back-position {
           display: inline-flex;
           align-items: center;
           padding: 8px 20px;
           border: 1px solid #ddd;
           border-radius: 50px;
           color: #092F50;
           text-decoration: none;
           font-size: 0.9rem;
           /* Fallback size */
           font-size: clamp(14px, 0.764vw, 16px);
           font-family: "Inter-Medium", sans-serif;
           transition: 0.3s;
       }

       .btn-back-position:hover {
           background: #f5f5f5;
           color: #333;
       }

       .btn-back-position i {
           margin-right: 8px;
       }

       /* Main Title & Meta */
       .job-main-title {
           font-size: 2.5rem;
           /* Fallback */
           font-size: 3vw;
           font-family: "Newscience-Bold", sans-serif;
           color: #202020;
           margin-bottom: 15px;
           line-height: 1.1;
           font-weight: 700;
       }

       .job-top-meta {
           display: flex;
           flex-wrap: wrap;
           align-items: center;
           gap: 15px;
           font-size: 0.9rem;
           /* Fallback */
           font-size: 0.83vw;
           color: #202020;
           margin-bottom: 30px;
           font-family: "Inter-Regular", sans-serif;
       }

       .job-top-meta i {
           color: #ff3b30;
           /* Red Icon color */
           margin-right: 5px;
       }

       .meta-separator {
           color: #ff3b30;
           /* Red dot */
           font-size: 1.2rem;
           line-height: 0;
       }

       /* Icon Grid (Category, Type, Level) */
       .job-specs-grid {
           display: flex;
           flex-direction: column;
           gap: 12px;
           margin-bottom: 40px;
       }

       .spec-item {
           display: flex;
           align-items: center;
           font-size: 0.95rem;
       }

       .spec-item strong {
           width: 140px;
           color: #202020;
           font-family: "Inter-Medium", sans-serif;
           display: flex;
           align-items: center;
           font-size: 0.9rem;
           /* Fallback */
           font-size: 0.83vw;
           font-weight: 600;
       }

       .spec-item strong i {
           margin-right: 10px;
           font-size: 1rem;
       }

       .spec-item span {
           color: rgba(50, 50, 50, 0.60);
           padding: 2px 10px;
           border-radius: 4px;
           font-size: 0.9rem;
           /* Fallback */
           font-size: 0.83vw;
           font-family: "Inter-Regular", sans-serif;
       }

       /* Content Styling */

       .job-content-body h3,
       .job-content-body h2,
       .job-content-body h4 {
           color: #2c3e50;
           font-family: "Inter-Semibold";
           margin-top: 35px;
           margin-bottom: 15px;
           font-size: 1.4rem;
       }

       .job-content-body p {
           font-size: 0.83vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Light";
           text-align: justify;
       }

       .job-content-body ul {
           padding-left: 20px;
           margin-bottom: 20px;
       }

       .job-content-body li {
           margin-bottom: 10px;
       }

       /* --- RIGHT SIDEBAR FORM (The Card Design) --- */
       .apply-sidebar-card {
           background-color: #f8f9fa;
           /* Light gray bg like image */
           border-radius: 20px;
           padding: 30px;
           position: sticky;
           top: 30px;
           /* Sticky on scroll */
           border: 1px solid #f0f0f0;
       }

       .apply-sidebar-card h3 {
           font-size: 1.25rem;
           font-family: "Newscience-Bold", sans-serif;
           color: #242635;
           padding-bottom: 15px;
           margin-bottom: 25px;
           text-align: center;
           border-bottom: 1px solid #D9D9D9;
           font-weight: 700;
       }

       /* Form Inputs */
       .apply-sidebar-card input[type="text"],
       .apply-sidebar-card input[type="email"],
       .apply-sidebar-card input[type="tel"],
       .apply-sidebar-card textarea,
       .apply-sidebar-card select {
           width: 100%;
           padding: 12px 15px 12px 38px;
           border: 1px solid #e1e1e1;
           border-radius: 8px;
           background: #fff;
           font-size: 0.9rem;
       }

       .apply-sidebar-card input::placeholder {
           color: #aaa;
       }

       /* Submit button */
       .apply-sidebar-card input[type="submit"],
       .apply-sidebar-card button[type="submit"] {
           background-color: #0d2b4e;
           color: white;
           width: 100%;
           padding: 14px;
           border-radius: 50px;
           font-weight: 600;
           font-size: 1rem;
           border: none;
           cursor: pointer;
           transition: 0.3s;
           margin-top: 10px;
       }

       .apply-sidebar-card input[type="submit"]:hover,
       .apply-sidebar-card button[type="submit"]:hover {
           background-color: #1a4b82;
       }

       /* File Upload Area */
       .file-upload-styled {
           border: 2px dashed #cfcfcf;
           border-radius: 12px;
           padding: 20px;
           text-align: center;
           background: #fff;
           margin-bottom: 20px;
       }

       /* Skills Tags */
       .skill-tag {
           background-color: #e7f1ff;
           color: #0d6efd;
           padding: 5px 12px;
           border-radius: 4px;
           font-size: 0.75rem;
           font-weight: 600;
           display: inline-block;
           margin-right: 5px;
           margin-bottom: 5px;
           text-transform: uppercase;
       }

       .skill-tag.opt {
           background-color: #e6fffa;
           color: #00875a;
       }

       /* Similar Jobs Section */
       .similar-jobs-section {
           background: #fdfdfd;
           padding: 60px 0;
           margin-top: 60px;
           border-top: 1px solid #eee;
       }

       .job-card {
           background: #fff;
           border: 1px solid #eee;
           border-radius: 12px;
           padding: 25px;
           transition: 0.3s;
           height: 100%;
       }

       .job-card:hover {
           /* transform: translateY(-5px); */
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
       }

       .job-card .job-title {
           font-size: 1.2rem;
           font-weight: 700;
           margin-bottom: 10px;
       }

       .job-card .apply-btn {
           color: #0d6efd;
           font-weight: 600;
           text-decoration: none;
           margin-top: 15px;
           display: inline-block;
       }

       /* ************ career job detail page Ends ************** */
       /* popup */

       /* popup */
       /* ************ privacy & terms and condition Page ************** */
       .termsConditinsc {
           background: #2D535A;
           padding: 5.2% 0;
       }

       .termsConditinsc h1 {
           font-size: 2.083vw;
           color: #FFFFFF;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           padding: 30px 0;
           margin-bottom: 0;
       }

       .termsConditinsc span {
           font-size: 0.9375vw;
           color: #FFFFFF;
           font-family: "Inter-Semibold";
       }

       .termsConditinsc p {
           font-size: 0.9375vw;
           color: #FFFFFF;
           font-family: "Inter-Light";
           margin-top: 10px;
           margin-bottom: 0;

       }

       .contentTermscond_nxtspn h2 {
           font-size: 0.94vw;
           font-family: "Inter-Bold";
           color: #2B2B2B;
           letter-spacing: -0.5px;
       }

       .contentTermscond_nxtspn p {
           font-size: 0.833vw;
           font-family: "Inter-Regular";
           color: #505050;
           letter-spacing: -0.5px;
       }

       #toc-list .prvcsidetitle {
           margin-bottom: 26px;
       }

       #toc-list a {
           font-size: 0.833vw;
           letter-spacing: -0.44px;
           font-family: "Inter-Semibold";
           color: #092F50;
           text-decoration: none;

       }

       .toc-sidebar-col {
           border-right: none;
           margin-bottom: 30px;
       }

       .TermsCondtnMaincont {
           padding: 80px 0 120px 0;
       }

       /* ************ privacy & terms and condition Page Ends ************** */
       /* ************ Career Page  ************** */
       .careerSaftywrkplc {
           padding: 100px 0;
       }

       .carerrSafetyLeftWrap {
           background-image: url(../images/career-pg/career_zig_bg.svg);
           background-repeat: no-repeat;
           background-size: 49% 70%;
           background-position: -7% 66%;
       }

       .careersaftyLeftcardwrap {
           display: flex;
           align-items: center;
           width: 71%;
       }

       .careersaftyLeftcardwrap:nth-child(1),
       .careersaftyLeftcardwrap:nth-child(3) {
           justify-self: flex-start;
       }

       .careersaftyLeftcardwrap:nth-child(2),
       .careersaftyLeftcardwrap:nth-child(4) {
           justify-self: flex-end;
           margin-left: auto;
       }

       .carleftSftyImg {
           width: 7.9vw;
           height: 7.9vw;
           z-index: 1;
           flex: 0 0 25%;
       }

       .carleftSftyImg img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .carleftsftyContent {
           border-radius: 0 14.467px 14.467px 0;
           background: #FFFFFF;
           box-shadow: 0 1.526px 25.941px 0 rgba(0, 0, 0, 0.14);
           padding: 14px 12px 14px 42px;
           margin-left: -26px;
           z-index: 0;
       }

       .carleftsftyContent p {
           font-size: 0.9375vw;
           font-family: "Inter-Bold";
           color: rgba(40, 40, 40, 0.93);
           margin-bottom: 0;
       }

       .carerSaftyrightcontent {
           padding-left: 60px;
       }

       .carerSaftyrightcontent h2 {
           color: #000000;
           font-family: "Newscience-Regular";
           font-size: 1.98vw;
           line-height: 1.2em;
           margin-bottom: 24px;
       }

       .carerSaftyrightcontent span {
           font-family: "Newscience-Bold";
       }

       .carerSaftyrightcontent p {
           font-family: "Inter-Regular";
           font-size: 0.9375vw;
           color: #434343;
           line-height: 1.8em;
           text-align: justify;
       }

       .carerSaftyrightcontent p span {
           font-family: "Inter-Regular";
       }

       .carerSftyrihgtList {
           margin-left: 0;
           padding-left: 1em;
       }

       .carerSftyrihgtList li {
           font-size: 0.9375vw;
           font-family: "Inter-Semibold";
           color: #434343;
           padding-bottom: 12px;
       }

       .careerINnerwrapheadng h2 {
           font-size: 1.98vw;
           color: #000000;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           text-align: center;
       }

       .jobCardsWrapperMain {
           display: flex;
           flex-wrap: wrap;
           gap: 32px;
           padding: 40px 0;
       }

       .jobCardsWrapperMain .job-card {
           flex: 0 0 calc(33.33% - 22px);
           padding: 28.024px 23.464px 26.75px 24.201px;
           justify-content: center;
           align-items: center;
           border-radius: 19.107px;
           background: #FFF;
           box-shadow: 0 2.016px 34.26px 0 rgba(0, 0, 0, 0.14);
       }

       /* Header Section */
       .jobCardsWrapperMain .job-card .job-card-header {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-bottom: 12px;
           font-size: 14px;
       }

       .jobCardsWrapperMain .job-card .post-date {
           color: #505E6B;
           font-family: 'Inter-Regular';
           font-size: 0.83vw;
       }

       .jobCardsWrapperMain .job-card .posttagcarer {
           color: #B2B2B2;
           font-family: 'Inter-Regular';
       }

       .jobCardsWrapperMain .job-card .apply-btn {
           text-decoration: none;
           color: #092F50;
           font-family: "Inter-Bold";
           font-size: 0.83vw;
           border-bottom: 2px solid transparent;
           transition: border-color 0.2s;
           margin-top: 0;
       }

       .jobCardsWrapperMain .job-card .apply-btn:hover {
           border-bottom-color: #002f6c;
       }

       /* Title */
       .jobCardsWrapperMain .job-card .job-title {
           font-size: 1.35vw;
           font-family: "Inter-Bold";
           color: #232434;
           margin: 0 0 16px 0;
       }

       /* Meta List (Red Dots) */
       .jobCardsWrapperMain .job-card .job-meta {
           list-style: none;
           padding: 0;
           margin: 0 0 20px 0;
           display: flex;
           flex-wrap: wrap;
           gap: 15px;
           /* Spacing between items */
       }

       .jobCardsWrapperMain .job-card .job-meta li {
           color: #505E6B;
           font-size: 0.73vw;
           position: relative;
           padding-left: 12px;
           display: flex;
           align-items: center;
           font-family: "Inter-Regular";
       }

       /* The Red Dot */
       .jobCardsWrapperMain .job-card .job-meta li::before {
           position: absolute;
           top: 50%;
           left: 0;
           transform: translateY(-50%);
           width: 6px;
           height: 6px;
           background: #E31D1C;
           content:
               "";
           border-radius: 50%;
       }

       /* Description Section */
       .jobCardsWrapperMain .job-card .job-description {
           color: #495057;
           font-size: 15px;
           line-height: 1.5;
       }

       .jobCardsWrapperMain .job-card .job-description strong {
           color: #505E6B;
           margin-bottom: 4px;
           font-family: "Inter-Semibold";
           font-size: 0.833vw;
       }

       .jobCardsWrapperMain .job-card .job-description p {
           color: #505E6B;
           font-family: "Inter-Regular";
           margin: 0;
           font-size: 0.92vw;
       }

       .jobCardsWrapperMain .job-card .read-more {
           color: #0088FF;
           text-decoration: none;
           font-family: "Inter-Regular";
           font-size: 0.92vw;
           margin-left: 4px;
       }

       .jobCardsWrapperMain .job-card .read-more:hover {
           text-decoration: underline;
       }

       button#load-more-jobs {
           margin: auto;
           background: #092f50;
           border-radius: 101px;
           padding: 7px 21px;
           color: #FFFFFF;
           font-family: "Inter-semibold";
           border: 1px solid #092f50;
           transition: 0.4s ease;
           text-transform: uppercase;
       }

       button#load-more-jobs:hover {
           background: #FFFFFF;
           color: #092f50;
       }

       .CareerJbfiltr.job-filter {
           display: flex;
           align-items: center;
           gap: 20px;
           flex-wrap: wrap;
       }

       /* Mobile view ko hide rakhein */
       .mobile-filter-view {
           display: none;
       }

       /* Desktop Wrapper Layout */
       .desktop-filter-view {
           display: flex;
           /* Sab items ko ek line mein laata hai */
           align-items: center;
           /* Vertically center karta hai */
           flex-wrap: wrap;
           /* Choti screen par items niche wrap ho jayenge */
           gap: 20px;
           /* Items ke beech gap */
       }

       /* "Department :" Text Style */


       .CareerJbfiltr.job-filter p {
           font-size: 1.04vw;
           font-family: "Inter-Medium";
           margin-bottom: 0;
           color: rgba(40, 40, 40, 0.93);
       }

       .CareerJbfiltr .custom-square {
           display: flex;
           align-items: center;
           gap: 8px;
           cursor: pointer;
           font-size: 0.83vw;
           color: #323232;
           font-family: "Inter-Regular";
       }

       /* hide default radio */
       .CareerJbfiltr .custom-square input {
           display: none;
       }

       /* square box */
       .CareerJbfiltr .custom-square .box {
           width: 18px;
           height: 18px;
           border: 0.54px solid #525252;
           border-radius: 2.16px;
           position: relative;
       }

       /* filled state */
       .CareerJbfiltr .custom-square input:checked+.box::after {
           content: "\f00c";
           /* fa-check */
           font-family: "Font Awesome 6 Free";
           font-weight: 900;
           /* REQUIRED for solid icons */
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           font-size: 14px;
           color: #092f50;
       }

       /* --- STYLES FOR THE BUTTON AND TEXT --- */
       .read-more-btn {
           color: #092f50;
           cursor: pointer;
           text-decoration: none;
           margin-left: 5px;
           font-family: 'Newscience-Semibold';
       }

       /* --- MOBILE/TABLET DEFAULT (Screen <= 991px) --- */
       /* By default, hide the extra text and show dots */
       .careerTextblockmbl .more-text {
           display: none;
       }

       .careerTextblockmbl #dots {
           display: inline;
       }

       /* When "Read More" is clicked (Expanded State) */
       .careerTextblockmbl.is-expanded .more-text {
           display: inline;
       }

       .careerTextblockmbl.is-expanded #dots {
           display: none;
       }

       /* ************ Career Page Ends ************** */

       /* ************* MIPs page ***********/
       .mipsheroBG {
           background-image: url("../images/mips-pg/mips_hero_bg.png");
       }

       .mb_ContactContent.mipsheroContentt h1 {
           font-size: 2.39vw;
       }

       /* MIPs Panel Section */
       .mipsProductOverview {
           padding: 80px 0;
       }

       .mipsPanelHeaderWrap {
           text-align: center;
           margin-bottom: 60px;
       }

       .mipsPanelLogo {
           margin-bottom: 20px;
       }

       .mipsPanelLogo p {
           font-size: 0.73vw;
           font-family: "Inter-Semibold";
           color: #092F50;
           letter-spacing: 1px;
           text-transform: uppercase;
           display: flex;
           align-items: center;
           justify-content: center;
           gap: 8px;
           margin-bottom: 0;
       }

       .mipsPanelLogo img {
           width: 18px;
           height: auto;
       }

       .mipsPanelTitle h2 {
           font-size: 2.5vw;
           font-family: "Newscience-Bold";
           color: #464646;
           line-height: 1.2em;
           margin-bottom: 0;
       }

       .mipsPanelContentWrap {
           margin-bottom: 40px;
       }

       .mipsPanelRow {
           background: #FFFFFF;
       }

       .mipsPanelTextSection {
           padding: 60px 80px 40px 80px;
       }

       .mipsPanelIntro p,
       .mipsPanelFeatures p {
           font-size: 0.9375vw;
           font-family: "Inter-Regular";
           color: #434343;
           line-height: 1.8em;
           text-align: justify;
           margin-bottom: 20px;
       }

       .mipsPanelIntro p strong,
       .mipsPanelFeatures p strong {
           font-family: "Inter-Bold";
           color: #092F50;
       }

       .mipsPanelList {
           list-style: none;
           padding: 0 80px 60px 80px;
           margin: 0;
       }

       .mipsPanelItem {
           display: flex;
           align-items: flex-start;
           padding-bottom: 38px;
           cursor: pointer;
           position: relative;
           padding-left: 0;
           transition: all 0.3s ease;
       }

       /* Vertical Line */
       .mipsPanelItem::before {
           content: '';
           position: absolute;
           left: 16.4px;
           top: 0px;
           bottom: 0px;
           width: 0.76px;
           background-color: #092f503d;
           z-index: 0;
       }

       .mipsPanelItem:first-child::before {
           top: 17px;
       }

       .mipsPanelItem:last-child::before {
           bottom: auto;
       }

       /* Radio Button / Indicator Style */
       .mipsIndicator {
           width: 34.41px;
           height: 34.41px;
           border: 2px solid #444444;
           border-radius: 50%;
           margin-right: 32px;
           flex-shrink: 0;
           position: relative;
           margin-top: 0;
           transition: all 0.3s ease;
           background-color: #FFFFFF;
           z-index: 1;
       }

       .mipsPanelItem.active .mipsIndicator {
           border-color: #003366;
       }

       .mipsPanelItem.active .mipsIndicator::after {
           content: '';
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           width: 17.21px;
           height: 17.21px;
           background-color: #003366;
           border-radius: 50%;
       }

       /* Icon */
       .mipsPanelIcon {
           width: 40px;
           height: 40px;
           margin-right: 32px;
           flex-shrink: 0;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .mipsPanelIcon img {
           width: 100%;
           height: auto;
       }

       /* Text Content */
       .mipsPanelText {
           flex: 1;
           font-size: 1.5625vw;
           color: #000000;
           font-family: 'Newscience-Bold';
           text-transform: uppercase;
           transition: color 0.3s ease;
       }

       .mipsPanelItem.active .mipsPanelText {
           color: #092F50;
       }

       /* Image Section */
       .mipsPanelImageWrap {
           position: relative;
           width: 100%;
           padding-top: 65%;
           display: flex;
           align-items: center;
           justify-content: center;
           overflow: hidden;
           background: #FFFFFF;
       }

       .mipsPanelImg {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
           transition: opacity 0.5s ease, transform 0.5s ease;

       }

       /* Animation States */
       .mipsPanelImageWrap.mips-fade-out .mipsPanelImg {
           opacity: 0;
           transform: scale(0.95);
       }

       /* Mobile Slider for MIPs */
       .mips-mobile-panels-wrapper {
           display: none;
           padding: 0 0 40px 0;
       }

       .mips-mob-panel-card {
           background: #FFFFFF;
           padding: 10px;
           border-radius: 12px;
           height: 100%;
       }
       p.mipsMobilepanelcontComb {
            font-size: 14px;
            font-family: "Inter-Regular";
            color: #434343;
            line-height: 1.8em;
            text-align: justify;
            margin-bottom: 0px;
        }

       .mips-mob-panel-images {
           width: 100%;
           padding-top: 65%;
           position: relative;
           margin-bottom: 10px;

       }

       .mips-mob-panel-images img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .mips-mob-panel-header {
           display: flex;
           align-items: center;
           justify-content: center;
           gap: 12px;
           margin-bottom: 12px;
       }

       .mips-mob-panel-header img {
           width: 24px;
           height: auto;
       }

       .mips-mob-panel-header h3 {
           font-size: 18px;
           font-family: "Newscience-Bold";
           color: #000000;
           margin-bottom: 0;
           text-transform: uppercase;
       }

       .mips-mob-panel-desc {
           font-size: 14px;
           font-family: "Inter-Regular";
           color: #434343;
           line-height: 1.6;
           margin-bottom: 0;
       }

       .mips-readmore {
           color: #092F50;
           text-decoration: none;
           font-family: "Inter-Bold";
           font-size: 13px;
           margin-left: 5px;
           cursor: pointer;
       }

       .mips-readmore:hover {
           text-decoration: underline;
       }

       /* Button Section */
       .mipsPanelBtnWrap {
           text-align: center;
           padding-top: 20px;
       }

       .mipsPanelViewBtn a {
           display: inline-flex;
           align-items: center;
           gap: 12px;
           padding: 14px 32px;
           background: #092F50;
           color: #FFFFFF;
           font-size: 0.9375vw;
           font-family: "Inter-Semibold";
           text-decoration: none;
           border-radius: 50px;
           transition: all 0.3s ease;
       }

       .mipsPanelViewBtn a:hover {
           background: #0A3F6B;
           transform: translateY(-2px);
           box-shadow: 0 4px 12px rgba(9, 47, 80, 0.3);
       }

       .mipsPanelViewBtn a img {
           width: 16px;
           height: 16px;
           transition: transform 0.3s ease;
       }

       .mipsPanelViewBtn a:hover img {
           transform: translateX(4px);
       }

       /* MIPs High Performance Section */
       .mipsHighPerformancesc {
           background: #FFFFFF;
           overflow: hidden;
           margin-bottom: 60px;
       }

       .MIPSHighcaptureLogomz p {
           text-align: left;
       }

       .mipsHighPerfTitle h2 {
           font-size: 2.5vw;
           color: #464646;
           font-family: "Newscience-Bold";
           line-height: 1.1em;
           margin: 30px 0 20px 0;
           text-transform: uppercase;
       }

       .mipsHighPerfTitle h2 span {
           font-family: "Newscience-Regular";
           color: #464646;
           text-transform: none;
       }

       .mipsHighPerfDesc p {
           font-size: 0.83vw;
           font-family: "Inter-Regular";
           color: rgba(40, 40, 40, 0.93);
           line-height: 1.8em;
           margin-bottom: 18px;
       }

       .mipsFeatureCardsWrap {
           display: flex;
           flex-direction: column;
           gap: 20px;
       }

       .mipsFeatureCard {
           background: #FFFFFF;
           border: 1px solid #E8E8E8;
           border-radius: 12px;
           padding: 12px 24px;
           transition: all 0.4s ease; 
           position: relative;
       }

       .mipsFeatureCard.active {
           border-color: #092F50;
           box-shadow: 0 10px 30px rgba(9, 47, 80, 0.08);
       }

       .mipsFeatureCardTitle h3 {
           font-size: 1.25vw;
           color: #0B0E15;
           font-family: "Newscience-Bold";
           margin-bottom: 10px;
           transition: color 0.3s ease;
       }

       .mipsFeatureCardText p {
           font-size: 0.833vw;
           font-family: "Inter-Regular";
           color: #808080;
           line-height: 1.6em;
           margin-bottom: 0;
       }

       /* Interactive Diagram */
       .MipsHighperfrmwheel-container {
           position: relative;
           width: 32vw;
           height: 32vw;
           margin: auto;
           /* Container size fix hai, sab kuch iske hisaab se set hoga */
       }

       /* --- The 4 Slices (Quadrants) --- */
       .MipsHighperfrmwheelquadrant {
           position: absolute;
           width: 50%;
           height: 50%;
           background: #A6A6A6;
           /* Default Grey */
           color: white;
           display: flex;
           justify-content: center;
           align-items: center;
           text-align: center;
           box-sizing: border-box;
           border: 2px solid #fff;

           /* We place the transition on the pseudo-element below, 
       but we can keep a text color transition here */
           transition: color 0.3s ease-out;
           z-index: 1;
           overflow: hidden;
       }

       /* This pseudo-element creates the Blue Gradient layer 
   that sits on top and fades in/out */
       .MipsHighperfrmwheelquadrant::before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           /* The Blue Gradient */
           background: linear-gradient(81deg, #092F50 44.6%, #154B79 73.06%, #164874 95.83%);

           /* Start invisible */
           opacity: 0;
           z-index: -1;
           /* Put it behind the text */

           /* MATCHING YOUR FIGMA SETTINGS: */
           /* Duration: 300ms (0.3s) | Curve: ease-out */
           transition: opacity 0.3s ease-out;
       }

       .MipsHighperfrmwheelquadrant.active {
           /* No background change needed here, handled by ::before */
           z-index: 2;
       }

       /* When active, make the blue gradient visible */
       .MipsHighperfrmwheelquadrant.active::before {
           opacity: 1;
       }

       /* Border Radius se shape banana */
       .MipsHighperfrmwheelquadrant.q1 {
           top: 0;
           left: 0;
           border-radius: 100% 0 0 0;
           padding: 40px 40px 0 0;
       }

       .MipsHighperfrmwheelquadrant.q2 {
           top: 0;
           right: 0;
           border-radius: 0 100% 0 0;
           padding: 40px 25px 0 40px;
       }

       .MipsHighperfrmwheelquadrant.q3 {
           bottom: 0;
           right: 0;
           border-radius: 0 0 100% 0;
           padding: 0 0 40px 40px;
       }

       .MipsHighperfrmwheelquadrant.q4 {
           bottom: 0;
           left: 0;
           border-radius: 0 0 0 100%;
           padding: 0 40px 40px 0;
       }

       /* Active State (Blue Color) */
       /* .MipsHighperfrmwheelquadrant.active {
           background: linear-gradient(81deg, #092F50 44.6%, #154B79 73.06%, #164874 95.83%);
           z-index: 2; 
       } */

       .MipsHighperfrmwheelquadrant h3 {
           font-size: 1.14vw;
           font-family: "Newscience-Bold";
           max-width: 129px;
           color: #FFFFFF;
       }

       /* --- The Center Circle --- */
       .MipsHighperfrmcenter-circle {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           width: 11.46vw;
           /* Is size ke hisaab se numbers set honge */
           height: 11.46vw;
           background: url("../images/mips-pg/highperformc_inner_circle.svg");
           background-repeat: no-repeat;
           background-size: contain;
           border-radius: 50%;
           /* background: linear-gradient(145deg, #ffffff, #e6e6e6);
           border-radius: 50%;
           border: 8px solid #e0e0e0; */
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           text-align: center;
           z-index: 10;
       }

       .MipsHighperfrmcenter-title {
           color: #092F50;
           font-family: "Newscience-Bold";
           font-size: 0.65vw;
           line-height: 1.2em;
       }

       .MipsHighperfrmcenter-sub {
           color: #092F50;
           font-size: 0.66vw;
           margin-top: 5px;
           font-family: "Newscience-Regular";
       }

       /* --- The Numbers (CORRECTED POSITIONS) --- */
       .MipsHighperfrmwheelnode {
           position: absolute;
           width: 5.19vw;
           height: 5.01vw;
           background: url("../images/mips-pg/high_perform_numbrbg.svg");
           display: flex;
           justify-content: center;
           align-items: baseline;
           font-weight: bold;
           color: #092F50;
           z-index: 20;
           background-repeat: no-repeat;
           background-size: contain;
           padding-top: 2%;
           padding-left: 6%;
           font-size: 1.1458vw;
           font-family: "Newscience-Bold";
       }

       /* 01 - Left side (West) */
       .MipsHighperfrmwheelnode.n1 {
           top: 53%;
           left: calc(35% - 18%);
           transform: translate(-50%, -50%);
       }

       /* 02 - Top side (North) */
       .MipsHighperfrmwheelnode.n2 {
           top: calc(38% - 18%);
           left: 47%;
           transform: translate(-50%, -50%);
       }

       /* 03 - Right side (East) */
       .MipsHighperfrmwheelnode.n3 {
           top: 53%;
           right: calc(38% - 18%);
           transform: translate(52%, -50%);
       }

       /* 04 - Bottom side (South) */
       .MipsHighperfrmwheelnode.n4 {
           bottom: calc(32% - 18%);
           left: 46.99%;
           transform: translate(-50%, 50%);
       }


       /* new diagram mip apps sec */
       .mips_applctn_diagramSc {
           padding: 5% 0;
       }

       .mipsApplctndiagrM {
           position: relative;
           padding-top: 42%;
       }

       .mipsApplctndiagrM img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       .mipsApplctndiagrMContent h2 {
           font-size: 2.5vw;
           color: #464646;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
       }

       .mipsApplctndiagrMContent h2 span {
           font-family: "Newscience-Regular";
       }

       .mipsApplctndiagrMContent {
           padding-left: 20px;
       }

       .mipsApplctndiagrMContent p {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
       }

       .mipsApplctndiagrMContent ul {
           margin-left: 0;
           padding-left: 1.5rem;
       }

       .mipsApplctndiagrMContent ul li {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           padding: 4px 0;
       }

       /* new diagram mip apps sec Ends*/
       /* anim internal layering mips */
       .mip_InternalConstPnl h2 {
           font-size: 2.3vw;
           color: #464646;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
		   text-align: center;
       }

       .mip_InternalConstPnl h2 span {
           font-family: "Newscience-Regular";
       }

       .mip_InternalConstPnlleftt {
           padding-right: 20px;
       }

       .mip_InternalConstPnl p {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
       }

       .mip_InternalConstPnl ul {
           margin-left: 0;
           padding-left: 1.5rem;
       }

       .mip_InternalConstPnl ul li {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           padding: 4px 0;
       }

       .mzfly-diagram-wrap {
           position: relative;
           width: 100%;
           height: 800px;
           display: flex;
           justify-content: center;
           align-items: flex-end;
           background: url("../images/mips-pg/mips_internal_structure_bg.svg");
           background-repeat: no-repeat;
           background-size: cover;
           /* margin-bottom: -190px; */
           padding-bottom: 50px;
       }

       .metamzflyheadngprawrap {
           position: relative;
       }

       .metamzflyheadngprawrap::before {
           position: absolute;
           top: 0;
           left: -25px;
           width: 12px;
           height: 100%;
           background: #092F50;
           content: "";
       }

       /* ==========================================================================
           METAL INSULATED PANELS LAYERING (New Animation Section - 'Clean' Design)
           ========================================================================== */

       .mzflypanellyer {
           padding: 60px 0;
           /* background: #e0e0e0; */
           overflow: hidden;
           position: relative;
       }

       .mzflypanellyerMobile {
           display: none;
       }


       /* --- Fan Anchor & Wedges --- */
       .mzfly-fan-anchor {
           position: absolute;
           bottom: 190px;
           left: 50%;
           width: 0;
           height: 0;
           z-index: 2;
       }

       .mzfly-connector {
           position: absolute;
           bottom: 0;
           left: -120px;
           width: 240px;
           height: 480px;
           transform-origin: bottom center;
           /* Trapezoid shape */
           clip-path: polygon(35% 100%, 65% 100%, 100% 0%, 0% 0%);
           z-index: 1;
           background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02));
           /* Default Gray */
           opacity: 0.6;
           transition: all 0.5s ease;
       }



       /* Wedge Positions matching Items */
       .mzfly-fan-anchor .wc-1 {
           width: 281px;
           height: 296px;
           /* Gray Gradient */
           background: linear-gradient(180deg, #A6A6A6 0%, #BEBCBC 100%);
           /* Clip Path */
           clip-path: path('M280.37 157.688C245.03 193.003 223.17 241.778 223.17 295.67H0C24.75 272.046 65.5 227.048 93.41 158.527C120.35 92.3943 123.33 33.8259 122.55 0L280.36 157.698L280.37 157.688Z');
           left: unset;
           right: 136px;
           bottom: -18px;
       }

       .mzfly-fan-anchor .wc-2 {
           width: 296px;
           height: 281px;
           background-color: #BEBCBC;
           clip-path: path('M295.89 0V223.17C241.97 223.17 193.14 245.03 157.81 280.37L0 122.56C33.2 124.88 101.16 125.08 176.02 90.39C236.18 62.51 275.08 24.01 295.89 0Z');
           bottom: 120px;
           left: unset;
           right: -1px;
       }

       .mzfly-fan-anchor .wc-3 {
           width: 296px;
           /* match SVG width */
           height: 281px;
           /* match SVG height */
           background: linear-gradient(to bottom, #BEBCBC 0%, #A6A6A6 61%);
           -webkit-clip-path: path('M295.89 122.473L138.08 280.171C102.75 244.856 53.92 223.011 0 223.011V0C20.42 23.843 61.99 65.9931 128.32 94.6227C200.1 125.611 264.16 124.921 295.89 122.463V122.473Z');
           clip-path: path('M295.89 122.473L138.08 280.171C102.75 244.856 53.92 223.011 0 223.011V0C20.42 23.843 61.99 65.9931 128.32 94.6227C200.1 125.611 264.16 124.921 295.89 122.463V122.473Z');
           bottom: 120px;
           left: 0px;
       }

       .mzfly-fan-anchor .wc-4 {
           width: 281px;
           /* match SVG width */
           height: 296px;
           /* match SVG height */
           background: linear-gradient(to bottom, #A6A6A6, #BEBCBC);
           -webkit-clip-path: path('M280.37 295.68H57.2C57.2 241.788 35.34 193.013 0 157.698L157.81 0C158.36 37.0137 163.99 98.5199 193.97 167.131C220.54 227.938 255.74 270.328 280.37 295.68Z');
           clip-path: path('M280.37 295.68H57.2C57.2 241.788 35.34 193.013 0 157.698L157.81 0C158.36 37.0137 163.99 98.5199 193.97 167.131C220.54 227.938 255.74 270.328 280.37 295.68Z');
           left: 137px;
           bottom: -18px;
       }

       /* Active State for Connector */
       .mzfly-connector.active {
           background: linear-gradient(81deg, #092F50 44.6%, #154B79 73.06%, #164874 95.83%);
           opacity: 0.95;
           z-index: 5;
           /* Ideally the shape helps connect seamlessly. */
       }

       /* --- Center Main Circle --- */
       .mzfly-center-circle {
           position: absolute;
           bottom: 0;
           left: 50%;
           transform: translateX(-50%);
           width: 390px;
           height: 390px;
           background: #fff;
           border-radius: 50%;
           z-index: 20;
           padding: 15px;
           box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
       }

       .mzfly-center-inner {
           width: 100%;
           height: 100%;
           background: linear-gradient(81deg, #092F50 44.6%, #154B79 73.06%, #164874 95.83%);
           border-radius: 50%;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           color: #fff;
           box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
           text-align: center;
       }

       .mzfly-center-icon img {
           width: 60px;
           height: auto;
           margin-bottom: 20px;
           filter: brightness(0) invert(1);
       }

       .mzfly-center-inner h3 {
           font-size: 1.042vw;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           margin: 0;
           color: #FFFFFF;
       }


       /* --- Layer Items --- */
       .mzfly-item {
           position: absolute;
           z-index: 10;
           width: 180px;
           height: 180px;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           left: 50%;
           bottom: 190px;
           margin-left: -90px;
           margin-bottom: -127px;
           transition: transform 0.3s ease;
       }

       .mzfly-item-inner {
           width: 160px;
           height: 160px;
           border: 15px solid #fff;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
           background: #b0b0b0;
           /* Default Gray */
           position: relative;
           transition: background 0.5s ease;
       }

       /* Activate State */
       .mzfly-item.active .mzfly-item-inner {
           background: linear-gradient(81deg, #092F50 44.6%, #154B79 73.06%, #164874 95.83%);
       }

       .mzfly-item-inner img {
           width: 55px;
           height: 55px;
           object-fit: contain;
       }

       .mzfly-item i {
           font-size: 2.5rem;
           color: #fff;
       }

       /* Positioning */
       .mzfly-item.layer-1 {
           transform: rotate(-65deg) translateY(-391px) translateX(0px) rotate(65deg);
       }

       .mzfly-item.layer-2 {
           transform: rotate(-25deg) translateY(-378px) translateX(28px) rotate(25deg);
       }

       .mzfly-item.layer-3 {
           transform: rotate(25deg) translateY(-377px) translateX(-22px)rotate(-25deg);
       }

       .mzfly-item.layer-4 {
           transform: rotate(65deg) translateY(-400px) rotate(-65deg);
       }

       /* --- Text Contents --- */
       .mzfly-text-content {
           position: absolute;
           width: 21%;
           text-align: left;
           pointer-events: none;
           opacity: 1;
           transition: opacity 0.5s ease;
           left: 0;
           bottom: 50%;
       }

       .mzfly-text-content:nth-child(2) {
           top: 9%;
           left: 22%;
       }

       .mzfly-text-content:nth-child(3) {
           top: 9%;
           right: 16%;
           left: unset;
       }

       .mzfly-text-content:nth-child(4) {
           left: unset;
           right: 0;
           bottom: 50%;
       }

       .mzfly-text-content h3 {
           color: #092F50;
           font-size: 1.042vw;
           font-family: "Newscience-Bold";
           margin: 0 0 16px 0;
           text-transform: uppercase;
       }

       .mzfly-text-content p {
           font-size: 0.833vw;
           color: #98A1B3;
           font-family: "Inter-Regular";
           margin: 0;
           line-height: 1.4;
       }

       .mzfly-meta {
           display: block;
           font-size: 0.83vw;
           font-family: "Newscience-Bold";
           margin-bottom: 5px;
           color: #464646;
       }

       /* new anim sec Ends*/
       .benfitsMIPsSc {
           margin-bottom: 94px;
       }

       .mipPanelcaptureLogomz p {
           text-align: left;
           font-size: 0.8vw;
       }

       h2.mips_benftsPanel {
           font-size: 2.5vw;
           color: #464646;
           font-family: "Newscience-Bold";
           margin-bottom: 0;
       }

       p.mips_benftspra {
           font-size: 0.833vw;
           color: #464646;
           font-family: "Newscience-Bold";
           margin-bottom: 0;
           text-align: right;
       }

       .hmpanelcaptureLogomz.mipPanelcaptureLogomz p img {
           width: 32px;
           height: 32px;
           object-fit: contain;
       }

       .benefitsmips-tab-trigger.benefitsmips-active {
           background-color: #FFFFFF !important;
           color: #092F50;
           /* Force Top-Left & Top-Right Radius */
           border-top-left-radius: 15px !important;
           border-top-right-radius: 15px !important;
           z-index: 5;
           /* Isko sabse upar rakhein */
           border-right: none !important;
       }

       .benefitsmips-tab-trigger.benefitsmips-active::before {
           content: "";
           position: absolute;
           bottom: 0;
           left: -15px;
           width: 15px;
           height: 15px;
           /* Circle at top-left is transparent (showing blue underneath), rest is white */
           background: url("../images/mips-pg/union_mip_second.svg");
           z-index: 6;
           pointer-events: none;
           background-repeat: no-repeat;
       }

       .benefitsmips-tab-trigger.benefitsmips-active::after {
           content: "";
           position: absolute;
           bottom: 0;
           right: -14px;
           width: 14px;
           height: 12px;
           /* Circle at top-right is transparent, rest is white */
           background: url("../images/mips-pg/union_mip_first.svg");
           z-index: 6;
           pointer-events: none;
           background-repeat: no-repeat;
       }

       /* --- Parent Container --- */
       .benefitsmips-wrapper {
           width: 100%;
           margin: 0 auto;
           padding-top: 26px;
       }

       /* --- Header Section --- */
       .benefitsmips-header {
           margin-bottom: 30px;
       }

       .benefitsmips-brand-label {
           font-size: 11px;
           letter-spacing: 1.5px;
           color: #5a6b7c;
           font-weight: 600;
           text-transform: uppercase;
           display: flex;
           align-items: center;
           margin-bottom: 10px;
       }

       /* Logo Icon Square */
       .benefitsmips-brand-label::before {
           content: '';
           display: inline-block;
           width: 12px;
           height: 12px;
           background-color: #0f3057;
           margin-right: 8px;
       }

       .benefitsmips-main-title {
           color: #333;
           font-size: 32px;
           font-weight: 800;
           text-transform: uppercase;
           letter-spacing: 0.5px;
           margin: 0 0 40px 0;
           display: flex;
           justify-content: space-between;
           align-items: baseline;
       }

       .benefitsmips-breadcrumb-span {
           font-size: 12px;
           color: #666;
           font-weight: 600;
           letter-spacing: 0.5px;
           text-transform: uppercase;
       }

       /* --- Card / Tab Container --- */
       .benefitsmips-card-container {
           background: #FFFFFF;
           border-radius: 15px;
           overflow: hidden;
           filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.10)) drop-shadow(0 10px 15px rgba(0, 0, 0, 0.10));
       }

       /* --- Navigation Bar --- */
       /* 1. Parent Wrapper Styling */
       .benefitsmips-card-container {
           background: white;
           border-radius: 15px;
           overflow: hidden;
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       }

       /* 2. Nav Bar Styling (Must be WHITE) */
       .benefitsmips-nav-bar {
           display: flex;
           background-color: #092F50;
           position: relative;
           border-radius: 18px;
       }

       /* 3. Default Button (Blue) Styling */
       .benefitsmips-tab-trigger {
           padding: 22px 25px;
           background-color: #092F50;
           border: none;
           /* Separator Line for Inactive Tabs */
           border-right: 1px solid rgba(255, 255, 255, 0.2);
           color: #FFFFFF;
           font-size: 0.9375vw;
           font-family: "Newscience-Bold";
           cursor: pointer;
           flex: 1;
           transition: all 0.2s ease;
           border-radius: 0;
           /* Sab corners sharp by default */
           position: relative;
           z-index: 1;
       }

       /* Remove border from last item */
       .benefitsmips-tab-trigger:last-child {
           border-right: none;
       }

       /* Remove separator from the tab BEFORE active to prevent cut-off look near curve */
       .benefitsmips-tab-trigger:has(+ .benefitsmips-tab-trigger.benefitsmips-active) {
           border-right: none !important;
       }

       .benefitsmips-tab-trigger:first-child:not(.benefitsmips-active) {
           border-top-left-radius: 12px;
       }

       /* Agar aakhri tab active NAHI hai to uska top-right round ho */
       .benefitsmips-tab-trigger:last-child:not(.benefitsmips-active) {
           border-top-right-radius: 12px;
       }

       /* --- Content Body --- */
       .benefitsmips-content-body {
           padding: 45px;
           background: white;
           min-height: 300px;
       }

       .benefitsmips-panel-item {
           display: none;
           animation: benefitsmipsFadeIn 0.4s ease;
       }

       .benefitsmips-panel-item.benefitsmips-show {
           display: flex;
           gap: 40px;
       }

       /* --- Text & Image Columns --- */
       .benefitsmips-text-col {
           flex: 0 0 calc(60% - 20px);
           font-size: 15px;
           line-height: 1.8;
           color: #555;
       }

       .benfitsmipInnerimg {
           position: relative;
           padding-top: 63%;
           width: 100%;
       }

       .benfitsmipInnerimg img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           border-radius: 12px;
       }

       .benefitsmips-text-col p {
           margin-top: 0;
           margin-bottom: 20px;
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           text-align: justify;
       }

       .benefitsmips-img-col {
           flex: 0 0 calc(40% - 20px);
       }

       .benefitsmips-img-placeholder {
           width: 100%;
           height: 260px;
           background-color: #ddd;
           border-radius: 6px;
           background-image: url('https://placehold.co/400x300/555/FFF?text=Panel+Detail');
           background-size: cover;
           background-position: center;
       }

       @keyframes benefitsmipsFadeIn {
           from {
               opacity: 0;
               transform: translateY(5px);
           }

           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       /* --- Unique Styles: mippgsustainscmz --- */

       .mippgsustainscmz-section {
           padding: 40px 0 80px 0;
           background-color: #fff;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           overflow-x: hidden;
       }

       /* Header Styles */
       .mippgsustainscmz-title {
           text-transform: uppercase;
           color: #464646;
           letter-spacing: 1px;
           margin-bottom: 20px;
           font-size: 2.5vw;
           font-family: "Newscience-Bold";
       }

       .mippgsustainscmz-desc {
           color: rgba(40, 40, 40, 0.93);
           font-size: 0.83vw;
           line-height: 1.8em;
           max-width: 80%;
           margin: 0px auto 34px auto;
           font-family: "Inter-Regular";
       }

       /* Feature Items Layout */
       .mippgsustainscmz-item-wrapper {
           display: flex;
           align-items: center;
           margin-bottom: 14%;
           transition: transform 0.3s ease;
       }

       .mippgsustainscmz-item-wrapper:nth-child(2) {
           margin-bottom: 0;
       }

       /* Left Column Specifics (Text then Icon) */
       .mippgsustainscmz-left-col .mippgsustainscmz-item-wrapper {
           justify-content: flex-end;
           text-align: right;
       }

       .mippgsustainscmz-left-col .mippgsustainscmz-text-box {
           margin-right: 15px;
       }

       /* Right Column Specifics (Icon then Text) */
       .mippgsustainscmz-right-col .mippgsustainscmz-item-wrapper {
           justify-content: flex-start;
           text-align: left;
       }

       .mippgsustainscmz-right-col .mippgsustainscmz-text-box {
           margin-left: 15px;
       }

       /* Text Styling */
       .mippgsustainscmz-feature-title {
           color: #092F50;
           margin-bottom: 5px;
           font-size: 0.9375vw;
           font-family: "Newscience-Bold";
       }

       .mippgsustainscmz-feature-desc {
           font-size: 1.04vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           margin: 0;
           line-height: 1.2em;
       }

       /* Icon Boxes (Badges) */
       .mippgsustainscmz-icon-badge {
           width: 80px;
           height: 80px;
           min-width: 80px;
           background-color: #1a2e44;
           border-radius: 16px;
           box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
       }

       .mippgsustainscmz-icon-badge img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       /* Center Circular Graphic */
       .mippgsustainscmz-center-graphic {
           position: relative;
           width: 90%;
           padding-top: 100%;
           margin: auto;
       }

       .mippgsustainscmz-center-graphic img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       /* Decorative Leaves/Arrows (CSS Simulation) */

       /* Bottom Card */
       .mippgsustainscmz-bottom-card {
           border-radius: 10px;
           border: 1px solid rgba(218, 224, 231, 0.30);
           background: #FFFFFF;
           box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
           text-align: center;
           padding: 30px 55px;
           max-width: 74%;
           margin: 34px auto 0 auto;
       }

       .mippgsustainscmz-bottom-title {
           color: #1D2530;
           font-size: 1.04vw;
           margin-bottom: 10px;
           font-family: "Newscience-Bold";
       }

       .mippgsustainscmz-bottom-card p {
           color: rgba(40, 40, 40, 0.93);
           font-size: 0.83vw;
           font-family: "Inter-Regular";
           margin-bottom: 0;
       }

       .mipsQualityscwrap h2 {
           font-size: 2.5vw;
           color: #464646;
           font-family: "Newscience-Bold";
           text-align: center;
           margin-top: 20px;
       }

       .mipsQualityscwrap p {
           font-size: 1.04vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           text-align: center;
           max-width: 77%;
           margin: auto;
       }

       .mipQualityCardwrapp {
           display: flex;
           align-items: center;
           flex-wrap: wrap;
           gap: 20px;
           margin: 70px 0;
       }

       .mipQualityCardwrapp .mipQualcard {
           flex: 0 0 calc(25% - 15px);
           border-radius: 10px;
           border: 3px solid #092F50;
           background: linear-gradient(180deg, #092F50 0%, #092F50 100%);
           padding: 42px 20px;
           text-align: center;
       }

       .mipQualityCardwrapp .mipQualcard h3 {
           font-size: 1.56vw;
           color: #FFFFFF;
           font-family: "Newscience-Bold";
           margin-bottom: 0;
       }

       .mipQualityCardwrapp .mipQualcard p {
           margin-bottom: 0;
           font-size: 1.04vw;
           color: #FFFFFF;
           font-family: "Inter-Regular";
       }

       .WhychooseMIpssec {
           padding: 4% 0;
       }

       .WhychooseMipsLeft h2 {
           font-size: 2.5vw;
           color: #464646;
           font-family: "Newscience-Bold";
           text-transform: uppercase;
       }

       .WhychooseMipsLeft p {
           font-size: 1.04vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
           margin: 30px 0 20px 0;
       }

       .mipContactbtnn {
           margin: 30px 0;
       }

       .mipContactbtnn a {
           color: #FFFFFF;
           font-family: "Inter-Regular";
           background: #092F50;
           padding: 12px 16px;
           border-radius: 126.77px;
           text-decoration: none;
           transition: 0.4s ease;
           border: 1px solid #092F50;
           font-size: 0.83vw;
       }

       .mipContactbtnn a i {
           margin-left: 10px;
           transform: rotate(-45deg);
       }

       .mipContactbtnn a:hover {
           background: #FFFFFF;
           color: #092F50;
       }

       ul.WhyChooseMIpsLitst li {
           font-size: 1.04vw;
           color: #000000;
           font-family: "Inter-Medium";
           padding-bottom: 12px;
       }

       .mipsSustainCardsMob {
           display: none;
       }

       /* ************* MIPs page Ends***********/
       /* ************* Project page ***********/
       .projectsheroBG {
           background-image: url("../images/projects-pg/projects_hero_bg.png");
       }

       .realWorldAppsnxtProjcs {
           padding: 70px 0 42px 0;
       }

       .realWorldAppsnxtProjcs h2 {
           font-size: 1.82vw;
           text-align: center;
           color: #464646;
           font-family: "Newscience-Regular";
           margin: 14px 0 18px 0;
       }

       .realWorldAppsnxtProjcs h2 span {
           font-family: "Newscience-Bold";
       }

       .realWorldAppsnxtProjcs p {
           font-size: 0.94vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Newscience-Regular";
           text-align: center;
           width: 60%;
           margin: auto;
       }

       /* --- Project Card Styling --- */
       .projectGallerySection {
           margin-bottom: 46px;
       }

       .Mznextspnprojects-card a {
           text-decoration: none;
       }

       h2.ourProjctsHdngmxtspn {
           font-size: 1.52vw;
           font-family: "Newscience-Bold";
           color: #464646;
           margin-bottom: 20px;
       }

       .Mznxtproject-img-wrapper {
           position: relative;
           width: 100%;
           padding-top: 64%;
       }

       .Mznxtproject-img-wrapper img {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
           border-radius: 8.13px;
       }

       .Mznextspnprojects-card-body {
           padding: 12px 52px 0 0;
           position: relative;
       }

       .Nextspannproject-title {
           font-family: "Newscience-Bold";
           font-size: 1vw;
           color: #464646;
           margin-bottom: 0.5rem;
       }

       .Nextspannproject-desc {
           font-size: 0.72vw;
           line-height: 1.4;
           color: rgba(40, 40, 40, 0.93);
           margin-bottom: 0;
           font-family: "Inter-Light";
       }

       .ProjectnxtspansRdmre {
           position: absolute;
           bottom: 4px;
           right: 0;
       }

       /* The Circle Arrow Button */
       .ProjectnxtspansRdmre .btn-circle-arrow {
           display: inline-flex;
           justify-content: center;
           align-items: center;
           width: 40px;
           height: 40px;
           border-radius: 50%;
           border: 1px solid #8C8C8C;
           color: #092f50;
           transition: all 0.3s;
           text-decoration: none;
           transform: rotate(-45deg);
       }

       .Mznextspnprojects-card:hover .ProjectnxtspansRdmre .btn-circle-arrow {
           background-color: #092f50;
           color: #fff;
           border-color: #092f50;
       }


       /* ************* Project page Ends***********/
       /* ************* Single Project page ***********/
       .singleProjectcaptureLogomz p {
           text-align: left;
       }

       .NextspspanSingleeproject-wrapper {
           padding: 40px 0;
       }

       /* Reference Project Label */
       .ref-label {
           display: flex;
           align-items: center;
           gap: 8px;
           color: #003358;
           font-size: 11px;
           font-weight: 700;
           text-transform: uppercase;
           letter-spacing: 1px;
           margin-bottom: 10px;
       }

       /* Title Styling: Dominion (light) Energy Warehouse (bold) */
       .NextProjectsMainentry-title {
           font-size: 2.14vw;
           color: #464646;
           font-family: "Newscience-Regular";
           margin-bottom: 20px;
           display: inline-block;
       }

       .NextProjectsMainentry-title strong {
           font-family: "Newscience-Bold";
       }

       .hmpanelcaptureLogomz.singleProjectcaptureLogomz {
           display: inline-block;
       }

       /* Floating Image Container */
       .NextSpnnproject-featured-image {
           float: right;
           width: 50%;
           margin-left: 40px;
           margin-bottom: 20px;
           padding-top: 26%;
           position: relative;
       }

       .NextSpnnproject-featured-image img {
           border-radius: 8px;
           display: block;
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       /* Content Area */
       .short-description p {
           font-size: 0.94vw;
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Regular";
       }

       /* Metadata Cards */
       .Nxtprojctsinglmeta-container {
           display: flex;
           gap: 15px;
           margin-bottom: 30px;
           width: 40%;
           /* Aligns cards under short description */
       }

       .NextspnSinglprjmeta-box {
           border-radius: 10px;
           background: #FFF;
           box-shadow: 0 4px 50px 4px rgba(9, 47, 80, 0.12);
           padding: 17px 21px;
       }

       .NextspnSinglprjmeta-box span {
           display: block;
           font-size: 0.72vw;
           color: #2D535A;
           font-family: "Inter-Medium";
           margin-bottom: 4px;
       }

       .NextspnSinglprjmeta-box strong {
           font-size: 1.25vw;
           color: #464646;
           font-family: "Newscience-Bold";
       }

       .gc-box {
           display: flex;
           justify-content: space-between;
           align-items: center;
       }

       .arrow-icon {
           border: 1px solid #e0e0e0;
           border-radius: 50%;
           width: 22px;
           height: 22px;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 10px;
       }

       /* Detailed Description: Wraps under the float */
       .NextspanProjectsingldetailed-text {
           font-size: 14px;
           line-height: 1.8;
           color: #666;
       }

       .NextspanProjectsingldetailed-text p {
           font-size: 0.9375vw;
           color: rgba(40, 40, 40, 0.93);
           margin-bottom: 20px;
           font-family: "Inter-Regular";
       }

       .NextspanProjectsingldetailed-text strong {
           color: rgba(40, 40, 40, 0.93);
           font-family: "Inter-Semibold";
       }

       /* Clearfix for the footer */
       .NextspspanSingleeproject-wrapper::after {
           content: "";
           display: table;
           clear: both;
       }

       /* ************* Single Project pageEnds***********/


       /****************** Footer*************************/
       .nxtspnfooter {
           background: #092F50;
           padding: 40px 0 0 0;
       }

       .footerLogo {
           width: 78%;
           height: 46px;
           text-align: left;
           margin-bottom: 28px;
       }

       .footerLogo img {
           width: auto;
           height: 100%;
           object-fit: contain;
       }

       .footerlogoContetn p {
           font-size: 14.5px;
           color: #D8D8D8;
           font-family: 'Inter-Regular';
       }

       .footerMenulist p {
           font-size: 0.94vw;
           color: #FFFFFF;
           font-family: "Newscience-Bold";
           line-height: 1.2em;
           position: relative;
           width: max-content;
           padding-bottom: 10px;
           margin-bottom: 38px;
       }

       .footerMenulist p:before {
           position: absolute;
           bottom: 0;
           left: 0;
           width: 45%;
           height: 2px;
           background: #FFFFFF;
           content: "";
       }

       .footerSearch_sbsc input.form-control:focus {
           box-shadow: none;
           outline: none;
       }

       .footerlogoContetn {
           padding-right: 12px;
       }

       .footerRigthwrap {
           display: flex;
           width: 100%;
           padding-left: 20px;
       }

       .footerRigthwrap .footerMenulist {
           flex: 0 0 20%;
       }

       .footerRigthwrap .footerMenulist.footerMenulistSearchbr {
           flex: 0 0 40%;
       }

       .footerSearch_sbsc .input-group-text {
           border-radius: 0;
           background: none;
           border: none;
           color: #FFFFFF;
       }

       .footerSearch_sbsc input.form-control {
           border-radius: 0;
           background: none;
           border: none;
           color: #FFFFFF;
           font-size: 14px;
           font-size: 14px;
           font-family: "Inter-Regular";
       }

       .footerSearch_sbsc .input-group {
           position: relative;
           display: flex;
           flex-wrap: wrap;
           align-items: stretch;
           width: 100%;
           border: 0.8px solid #929292;
       }

       button.btn.btn-search {
           background: #FFFFFF;
           border-radius: 0;
           color: #000000;
           font-size: 0.83vw;
           font-family: 'Inter-Regular';
       }

       hr.footrborder {
           color: #FFFFFF4D;
           margin: 0;
       }

       .footerMenulist ul {
           padding-left: 0;
           list-style: none;
           margin-left: 0;
       }

       .footerMenulist ul li {
           padding-bottom: 15px;
       }

       .footerMenulist ul li a {
           font-size: 0.83vw;
           font-family: "Inter-Regular";
           color: #FFFFFF;
           text-decoration: none;
       }

       .socialmediaICons {
           position: relative;
           z-index: 99;
       }

       .socialmediaICons ul {
           padding-left: 0;
           display: flex;
           justify-content: flex-end;
           gap: 30px;
           list-style: none;
           margin-bottom: 0;
           align-items: center;
       }

       .socialmediaICons ul li a {
           color: #FFFFFF;
           font-size: 20px;
       }

       .copyrighttext p {
           margin-bottom: 0;
           color: #FFFFFF;
           font-size: 14px;
           font-family: 'Inter-Regular';
       }

       .copyrightbar_btm {
           padding: 20px 0;
           align-items: center;
       }

       .env_crcl_glbl_img {
           width: 100px;
           height: 100px;
           transition: all 0.3s ease;
           position: fixed;
           right: 10px;
           bottom: 10px;
           z-index: 9999;
       }

       /* Image styling */
       .env_crcl_glbl_img img {
           width: 100%;
           height: 100%;
           object-fit: contain;
       }

       /****************** Footer ends*************************/

       /* Mobile Accordion Initial State */
       .mzPanelMobileItem .mzPanelMobileConnector,
       .mzPanelMobileItem .mzPanelMbText {
           opacity: 0;
           height: 0;
           overflow: hidden;
           will-change: height, opacity;
       }

       /* Ensure images have gap */
       .grecaptcha-badge {
           visibility: hidden;
           opacity: 0;
       }

       .env_news_mz_toc_back_icon {
           cursor: pointer;
       }

       /* =========================================
   MEDIA QUERIES
   ========================================= */

       @media (min-width: 768px) {
           .env_crcl_glbl_img {
               width: 186px;
               height: 186px;
           }

           .toc-sidebar-col {
               border-right: 1px solid #dee2e6;
               margin-bottom: 0;
           }
       }

       @media (min-width: 992px) {
           .timeline-footer {
               margin-top: -25vh;
           }

           .mzPanelMobileItem {
               margin-bottom: 20px;
               /* Default/Larger gap on desktop if needed */
           }

           .careerTextblockmbl .more-text {
               display: inline !important;
           }

           .careerTextblockmbl #dots {
               display: none !important;
           }

           .careerTextblockmbl .read-more-btn {
               display: none !important;
           }
       }

       @media screen and (min-width: 1601px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 1400px;
           }
       }

       @media screen and (min-width: 1700px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 1500px;
           }
       }

       @media screen and (min-width: 1800px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 1600px;
           }
       }

       @media screen and (min-width: 2100px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 2000px;
           }

           .headerWrapmz::after {
               bottom: -21.5px;
           }
       }

       @media screen and (max-width: 1800px) {

           /* Gap ~64px (Target L1: 160px) */
           .mzPanelLayer-1 {
               transform: translateY(-160px) scale(0.95);
           }

           .mzPanelLayer-2 {
               transform: translateY(-96px) scale(0.95);
           }

           .mzPanelLayer-3 {
               transform: translateY(-32px) scale(1);
           }

           .mzPanelLayer-4 {
               transform: translateY(32px) scale(0.95);
           }

           .mzPanelLayer-5 {
               transform: translateY(96px) scale(0.95);
           }

           .mzPanelLayer-6 {
               transform: translateY(160px) scale(0.95);
           }

           .innermaterialWrappr:nth-child(1),
           .innermaterialWrappr:nth-child(4) {
               padding-right: 7%;
           }

           .innermaterialWrappr:nth-child(3),
           .innermaterialWrappr:nth-child(6) {
               padding-left: 7%;
           }
       }

       @media screen and (max-width: 1700px) {
           .mzPanelFinalHeading {
               top: 9%;
           }

           .headermain_nvbar .navbar .navbar-nav .nav-link {
               font-size: 0.93vw;
           }
       }

       @media screen and (max-width: 1600px) {
           .mdrndesignCard {
               min-height: 266.508px;
           }

           .mzPanelColLeft {
               gap: 6.5vh;
           }

           .mzPanelCard.left.mzPanelCard-5 {
               top: -13%;
           }

           .mzPanelCard.right.mzPanelCard-4 {
               top: -17%;
           }

           .OzoneSafeBlowing p,
           .sustainabilityCont p {
               font-size: 1vw;
           }

           .ozoNedyfeatureCard p {
               font-size: 0.833vw;
           }

           .RecycleOzonesc.RecycleOzoneSustainpg .ozoneAbtscc {
               padding: 4% 0;
           }

           .footerSearch_sbsc input.form-control {
               font-size: 12px;
           }

           .envirmntImagecardtipinner {
               padding: 6px 20px;
           }

           .mzfly-text-content:nth-child(4) {
               bottom: 54%;
           }

           .ProjectnxtspansRdmre .btn-circle-arrow {
               width: 34px;
               height: 34px;
           }

           .realWorldAppsnxtProjcs {
               padding: 50px 0 42px 0;
           }
       }

       @media screen and (max-width: 1500px) {
           .nxtspanmz_panel-list {
               padding: 4.7% 19% 0 0%;
           }

           .mzPanelCard.right.mzPanelCard-4 {
               top: -20%;
           }

           .mzPanelCard.right {
               text-align: left;
               left: 23px;
           }

           .mzPanelCard.left.mzPanelCard-5 {
               top: -17%;
           }

           .mzPanelCard.left.mzPanelCard-1 {
               top: -9%;
           }

           .mzPanelCard.left.mzPanelCard-3 {
               top: -15%;
           }

           .downloadcardnxtspanicon {
               width: 14%;
               height: 14%;
           }

           .mipsPanelTextSection {
               padding: 60px 80px 40px 18px;
           }

           .mipsPanelList {
               padding: 0 80px 60px 18px;
           }

           .mzfly-text-content {
               left: 4%;
               bottom: 56%;
           }

           .metamzflyheadngprawrap::before {
               width: 6px;
           }

           .mipsPanelItem {
               padding-bottom: 26px;
           }

           .mipsPanelItem::before {
               left: 11.4px;
           }

           .mipsIndicator {
               width: 25.41px;
               height: 25.41px;
           }

           .mipsPanelItem.active .mipsIndicator::after {
               width: 12.21px;
               height: 12.21px;
           }

           .mipsPanelTextSection {
               padding: 20px 80px 40px 18px;
           }

           .mipsProductOverview {
               padding: 80px 0 0 0;
           }
       }

       @media screen and (max-width: 1400px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 1250px !important;
           }

           .indicator-circle {
               width: 26px;
               height: 26px;
           }

           .prodtdtlbtn a {
               padding: 18px 6px;
           }

           .mznxtspanpanel-item.active .indicator-circle::after {
               width: 14px;
               height: 14px;
           }

           .mznxtspanpanel-item {
               padding-bottom: 19px;
           }

           .mznxtspanpanel-item::before {
               left: 13.4px;
           }

           .mzPanelCard {
               top: -11%;
           }

           .mzPanelCard.right.mzPanelCard-4 {
               top: -22%;
           }

           .mzPanelCard.right {
               top: -18%;
           }

           .mzPanelCard.left.mzPanelCard-3 {
               top: -15%;
           }

           .mzdownloadsnewpg-nav-btn {
               font-size: 11px;
           }

           .dwnloadcardcaticon {
               width: 84px;
               height: 84px;
               margin: 0 auto 10px auto;
           }

           .mipsPanelList {
               padding: 0 80px 30px 18px;
           }

           .mipsPanelTextSection {
               padding: 20px 80px 5px 18px;
           }


       }

       @media screen and (max-width: 1300px) {
           .footerMenulist ul li {
               padding-bottom: 7px;
           }

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 95% !important;
           }

           .mzPanelCard {
               top: -24%;
           }

           .mzPanelCard.left.mzPanelCard-3 {
               top: -25%;
           }

           .mzPanelCard.left.mzPanelCard-5 {
               top: -27%;
           }

           .mzPanelCard.right {
               top: -25%;
           }

           .mzPanelCard.right.mzPanelCard-4 {
               top: -30%;
           }

           .mzPanelCard.left.mzPanelCard-1 {
               top: -22%;
           }

           .mzblognextpg-browse-section .mzblognextpg-sidebar-item .date-badge {
               font-size: 9.91px;
           }
       }

       @media screen and (max-width: 1200px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 1100px !important;
           }

           .nxtspanBtnswrapr {
               width: 80%;
           }

           .footerMenulist p {
               font-size: 12px;
               margin-bottom: 31px;
           }

           .footerMenulist ul li a {
               font-size: 12px;
           }

           .mzdownloadsnewpg-grid-view {
               grid-template-columns: repeat(3, 1fr);
           }

           .blogHeroSecbgContent p {
               width: 84%;
           }

           .mzfly-text-content {
               left: 4%;
               bottom: 61%;
           }

           .mzfly-text-content:nth-child(4) {
               bottom: 58%;
           }

           .realWorldAppsnxtProjcs {
               padding: 50px 0 42px 0;
           }

           .ProjectnxtspansRdmre .btn-circle-arrow {
               width: 28px;
               height: 28px;
               font-size: 11px;
           }

           .Mznextspnprojects-card-body {
               padding: 12px 36px 0 0;
           }

           .Nextspannproject-desc {
               font-size: 10px;
           }
       }

       @media (min-width: 1101px) {
           .custom-navbar .navbar-collapse {
               display: flex !important;
           }
       }

       @media screen and (max-width: 1100px) {

           .container,
           .container-lg,
           .container-md,
           .container-sm,
           .container-xl,
           .container-xxl {
               max-width: 95% !important;
           }

           .mobile-panels-wrapper .container {
               max-width: 100% !important;
           }

           .custom-navbar .navbar-collapse {
               display: none !important;
           }

           .desktopHeadermz {
               display: none;
           }

           .headerWrapmz::after {
               display: none;
           }

           .headerWrapmz {
               padding: 0;
               position: relative;
               transition: 0.4s ease;
           }

           header.headerWrapmz.stickyactive {
               position: fixed;
               width: 100%;
               background: #FFFFFF;
               width: 100%;
               z-index: 99999;
               border-bottom: 1px solid #f5eded;
               /* padding: 10px 0 0 0; */
           }

           .headerWrapmz.stickyactive .mobileHeadermz {
               padding-bottom: 10px;
           }

           header.headerWrapmz.stickyactive .headertopbar {
               display: none;
           }

           .headertopbar .topbarListwrap {
               justify-content: center;
               margin-bottom: 12px;
               border-bottom: 1px solid #092f500f;
           }

           .headertopbar .topbarListwrap li a {
               font-size: 10px;
           }

           .mblheadrrlogo {
               position: relative;
               width: 100%;
               height: 36px;
           }

           .mblheadrrlogo img {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: contain;
               object-position: left;
           }

           .mobilehdr_navv .navbar button.navbar-toggler {
               margin-left: auto;
               padding: 0;
           }

           .mobilehdr_navv .navbar {
               padding: 0;
               position: unset;
           }

           .mobileHeadermz {
               display: block;
               padding: 16px 0;
           }

           div#mainNav ul.navbar-nav {
               position: absolute;
               width: 100%;
               background: #092f50;
               text-align: center;
               box-shadow: 1px 1px 8px rgba(0, 0, 0, .32);
               border-radius: 4px;
               z-index: 999;
           }

           .mobilehdr_navv a.nav-link {
               color: #FFFFFF;
               text-align: center;
               padding: 10px 0;
               border-bottom: 1px solid #ffffff14;
               font-family: "Inter-Light";
           }

           ul#menu-menu-2 {
               margin-left: 0;
           }

           ul#menu-mobile-menu {
               margin-left: 0;
           }

           div#mainNavbar {
               position: absolute;
               top: 68px;
               width: 100vw;
               right: 0;
               z-index: 9999;
               background: #092f50;
               border-radius: 0;
               box-shadow: rgb(9 47 80 / 51%) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
           }

           .headerWrapmz.stickyactive div#mainNavbar {
               top: 63px;
           }

           .heroContent p {
               max-width: 72%;
           }

           .nxtspanBtnswrapr {
               width: 100%;
           }

           /* home pg */
           .hmpanelcaptureLogomz p {
               font-size: 14px;
           }

           .nextpanelCatpara p {
               font-size: 24px;
           }

           .heroContent h1 {
               margin-bottom: 0;
               letter-spacing: 1.24px;
           }

           .comprehensive_panels_sc {
               padding: 24px 0 38px 0;
           }

           .panelcatslidrTablet {
               display: none;
           }

           .panelcatslidrTabletscnd {
               display: block;
           }

           .mobile-panels-wrapper {
               display: block;
           }

           .mobile-panels-wrapper {
               padding: 30px 0 40px 23px;
               background: #fff;
           }

           /* 1. Header: Icon + Title */
           .mob-panel-header {
               display: flex;
               align-items: center;
               margin-bottom: 20px;
               gap: 15px;
               justify-content: left;
           }

           .mob-panel-header img {
               width: 30px;
               /* Adjust icon size */
               height: auto;
           }

           .mob-panel-header h3 {
               font-size: 18px;
               font-weight: 700;
               margin: 0;
               color: #333;
               /* Use your theme color */
               text-transform: uppercase;
           }

           /* 2. Images Container */
           .mob-panel-images {
               position: relative;
               width: 100%;
               padding-top: 100%;
               margin-bottom: 20px;
               display: flex;
               justify-content: center;
           }

           /* The Image Layers */
           .mob-panel-images .img-layer {
               position: absolute;
               top: 0;
               height: 100%;
               width: auto;
               max-width: 60%;
               object-fit: contain;
               filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
           }

           /* Positioning the 3 layers statically */
           .mob-panel-images .l1 {
               right: 10%;
               /* Back */
               z-index: 1;
               opacity: 0.9;
               transform: scale(1);
           }

           .mob-panel-images .l2 {
               right: 25%;
               z-index: 2;
               top: 5%;
           }

           .mob-panel-images .l3 {
               top: 12%;
               right: 40%;
               z-index: 3;
           }

           /* Specific Adjustment for Roof if needed (tends to be wider) */
           .mob-panel-images.roof-adj .l1 {
               right: 5%;
           }

           .mob-panel-images.roof-adj .l2 {
               right: 20%;
           }

           .mob-panel-images.roof-adj .l3 {
               right: 35%;
           }

           /* 3. Description */
           a.mblpaneltxt-toggle {
               color: #282828ED;
               font-family: 'Inter-Medium';
               cursor: pointer;
               text-decoration: none;
               display: inline-block;
           }

           .mob-panel-desc {
               font-size: 12px;
               line-height: 1.6;
               color: #383838;
               text-align: left;
               padding: 0;
               font-family: 'Inter-Regular';
               text-align: left;
           }

           .mobile-panels-slider .splide__pagination,
           .mips-mobile-panels-slider .splide__pagination,
           .mzfly-layer-slider .splide__pagination {
               bottom: -1.5em !important;
           }

           .mobile-panels-slider .splide__pagination__page.is-active,
           .mips-mobile-panels-slider .splide__pagination__page.is-active,
           .mzfly-layer-slider .splide__pagination__page.is-active {
               background: #092f50;
               transform: scale(1.2);
               z-index: 1;
               opacity: 1;
               width: 20px;
               border-radius: 5px
           }

           .nxtspanProdbtnn.NwwnxtspanProdbtnn {
               text-align: center;
               margin-bottom: 0;
               padding: 10px 0 26px 0;
           }

           .nxtspanProdbtnn a {
               font-size: 12px;
               padding: 14px 16px;
           }

           .nxtspanProdbtnn a img {
               margin-left: 12px;
               transition: 0.6s ease;
               width: 13px;
           }

           .mzPanelTrack {
               display: none;
           }

           .PLmobilemzLayrs_tablt {
               display: block;
               padding: 20px 0 54px 0;
           }

           .PLmobilemzLayrs_tablt h2 {
               font-size: 18px;
               font-family: "Newscience-Bold";
               color: #000000;
               line-height: 1.2em;
           }

           .PLmobilemzLayrs_tablt p {
               font-size: 14px;
               color: #282828ED;
               font-family: "Inter-Regular";
           }

           .mobileCompostionVideo {
               position: relative;
               padding-top: 50%;
               width: 100%;
           }

           .mobileCompostionVideo video {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: cover;
               border-radius: 8px;
           }

           br.mobBrmz {
               display: block;
           }

           .word-wrap {
               min-width: unset;
           }

           .hmpanelcaptureLogomz img {
               width: 28px;
           }

           .redefining_sc h2 {
               font-size: 24px;
               margin-top: 11px;
           }

           .redefineSecWrapperdesktpp {
               display: none;
           }

           .redefineSecWrapperMobile {
               display: block;
           }

           .mdrndesignCard {
               flex: 0 0 calc(42% - 20px);
               min-height: unset;
               padding: 24px 23px;
               margin: 16px 0;
           }

           .nextspnenviromentalsc {
               padding: 0px 0px 50px 0;
           }

           .mdc_logo {
               width: 20px;
               height: 20px;
               margin-bottom: 12px;
           }

           .rmd_title h3 {
               font-size: 14px;
               margin-bottom: 0;
               text-transform: uppercase;
           }

           .tbletEnviroCanada {
               display: block;
           }

           .pmzerocarbonWRapp {
               display: none;
           }

           .tbletEnviroCanada .pmzerocarbonWRapp {
               display: flex;
           }

           .nextspnenviromentalsc h2 {
               font-size: 20px;
           }

           .nextspnenviromentalsc p {
               font-size: 14px;
               padding: 10px 12px 10px 0;
           }

           .envirmntImagecardtipinner p {
               font-size: 0.83vw;
               padding: 5px 0 0px 0;
           }

           .pmzerocarbonLogo {
               padding-top: 12%;
               flex: 0 0 18%;
           }

           .envirmntImagecardtipinner {
               padding: 6px 12px;
               max-width: 84%;
           }

           .pmzeroCarbonContent p {
               font-size: 18px;
           }

           /* home pg ends */

           /* Gap ~25px */
           .mzPanelLayer-1 {
               transform: translateY(-62.5px) scale(0.95);
           }

           .mzPanelLayer-2 {
               transform: translateY(-37.5px) scale(0.95);
           }

           .mzPanelLayer-3 {
               transform: translateY(-12.5px) scale(1);
           }

           .mzPanelLayer-4 {
               transform: translateY(12.5px) scale(0.95);
           }

           .mzPanelLayer-5 {
               transform: translateY(37.5px) scale(0.95);
           }

           .mzPanelLayer-6 {
               transform: translateY(62.5px) scale(0.95);
           }

           .env_crcl_glbl_img {
               width: 160px;
               height: 160px;
               display: none;
           }

           /* Tooltip Container */
           .my-custom-tooltip {
               position: absolute;
               background-color: #FFFFFF;
               color: #282828ED;
               /* White Text */
               padding: 10px;
               /* Thodi padding */
               border-radius: 6px;
               font-size: 8px;
               line-height: 1.4;
               box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
               z-index: 10000;
               box-sizing: border-box;
               text-align: center;
               opacity: 0;
               transform: translateY(10px);
               transition: opacity 0.2s ease, transform 0.2s ease;
               pointer-events: none;
           }

           /* Visible State */
           .my-custom-tooltip.active {
               opacity: 1;
               transform: translateY(0);
               pointer-events: auto;
           }

           /* Arrow (Triangle) - Bottom Center */
           .my-custom-tooltip::after {
               content: '';
               position: absolute;
               top: 100%;
               left: 50%;
               transform: translateX(-50%);
               border-width: 6px;
               border-style: solid;
               border-color: #FFFFFF transparent transparent transparent;
           }

           /* product single page */

           .productsingleHeroContent h1 {
               font-size: 24px;
           }

           .productsingleHeroContent p {
               font-size: 12px;
               color: #FFFFFF;
               font-family: "Inter-Light";
               line-height: 1.8em;
           }

           .productHeroActions .pordsinglpgBtnwrap {
               flex: 0 0 calc(25% - 9px);
           }

           .pordsinglpgBtnwrap a {
               display: block;
               text-align: center;
           }

           .specsTable thead th,
           .specsTable td,
           .specsList .specsLstgrp_left p,
           .specsList .specslstgrp_rit p {
               font-size: 12px;
           }

           .productConfigSection h2 {
               font-size: 24px;
               padding-bottom: 26px;
           }

           .accessoriesLstnggsc .productCardV2 h3 {
               font-size: 16px;
           }

           h2.accessryHeadingmz {
               font-size: 24px;
           }

           .accessoriesLstnggsc {
               padding: 42px 0;
           }

           .accessoriesLstnggsc .productCardV2 {
               padding: 12px;
           }

           .mbl-menu-btn {
               margin: auto;
               text-align: center;
           }

           .btn-quote {
               background: rgba(255, 244, 199, 0.47);
               box-shadow: 0 7.749px 45.387px 0 rgba(0, 0, 0, 0.20);
               font-size: 14px;
               padding: 12px 22px;
               margin: auto;
               text-align: center;
               font-family: "Inter-Regular";
           }

           .downloaddocsContentt h2 {
               font-size: 24px;
           }

           .downloaddocsContentt p {
               font-size: 14px;
           }

           .mzdownloadsnewpg-title-text {
               font-size: 12px;
           }

           .mzdownloadsnewpg-btn-dl {
               font-size: 12px;
               font-family: "";
               font-weight: 600;
               color: #092f50;
               border: none;
               background: transparent;
               padding: 0;
               cursor: pointer;
               text-align: right;
               transition: color 0.2s;
               font-family: "Inter-bold";
           }

           .mz-downloadsPGsidebar-accordion .accordion-button {
               font-size: 12px;
           }

           .mz-downloadsPGsidebar-accordion .accordion-button:not(.collapsed) {
               font-size: 12px;
           }

           /* product single page Ends*/
           .mipsProductOverview {
               padding: 40px 0;
           }

           .mipsPanelContentWrap {
               display: none;
               /* Hide desktop layout */
           }

           .mips-mobile-panels-wrapper {
               display: block;
               /* Show mobile slider */
           }

           .mipsPanelTitle h2 {
               font-size: 24px;
           }

           .mipsPanelHeaderWrap {
               margin-bottom: 18px;
           }

           .mb_ContactContent.mipsheroContentt h1 {
               font-size: 24px;
           }

           .mb_ContactContent p {
               font-size: 14px;
           }

           .mipsHighPerfTitle h2 {
               font-size: 24px;
               margin: 16px 0 16px 0;
           }

           .mipsHighPerfDesc p {
               font-size: 12px;
               margin-bottom: 14px;
           }

           .mipsFeatureCardTitle h3 {
               font-size: 14px;
           }

           .mipsFeatureCardText p {
               font-size: 12px;
           }

           .mipsApplctndiagrMContent h2 {
               font-size: 24px;
           }

           .mipsApplctndiagrMContent p {
               font-size: 14px;
           }

           .mipsApplctndiagrMContent ul li {
               font-size: 14px;
           }

           .mip_InternalConstPnl h2 {
               font-size: 24px;
           }

           .mip_InternalConstPnl p {
               font-size: 14px;
           }

           .mip_InternalConstPnl ul li {
               font-size: 14px;
           }

           .mip_InternalConstPnl p {
               font-size: 14px;
           }

           .mzflypanellyer {
               display: none;
           }

           .mzflypanellyerMobile {
               display: block;
           }

           .mzfly-center-circle {
               position: unset;
               transform: unset !important;
               margin: auto;
               text-align: center;
           }

           .mzfly-center-inner h3 {
               font-size: 14px;
           }

           h2.mips_benftsPanel {
               font-size: 24px;
           }

           p.mips_benftspra {
               font-size: 16px;
           }

           .benfitsMIPsSc {
               margin: 20px 0;
           }

           .benefitsmips-tab-trigger {
               padding: 22px 10px;
               font-size: 12px;
           }

           .benefitsmips-text-col p {
               font-size: 12px;
           }

           .mippgsustainscmz-title {
               font-size: 24px;
           }

           .mippgsustainscmz-desc {
               font-size: 14px;
               max-width: 100%;
           }

           .mippgsustainscmz-icon-badge {
               width: 65px;
               height: 65px;
               min-width: 65px;
           }

           .mippgsustainscmz-feature-title {
               font-size: 12px;
           }

           .mippgsustainscmz-bottom-card {
               max-width: 85%;
               padding: 30px 26px;
           }

           .mippgsustainscmz-bottom-title {
               font-size: 18px;
           }

           .mippgsustainscmz-bottom-card p {
               font-size: 12px;
           }

           .mipsQualityscwrap h2 {
               font-size: 24px;
           }

           .mipsQualityscwrap p {
               font-size: 14px;
           }

           .mipQualityCardwrapp {
               margin: 46px 0;
           }

           .WhychooseMipsLeft h2 {
               font-size: 24px;
           }

           .WhychooseMipsLeft p {
               font-size: 14px;
               margin: 20px 0 20px 0;
           }

           ul.WhyChooseMIpsLitst {
               margin-left: 0;
           }

           ul.WhyChooseMIpsLitst li {
               font-size: 14px;
               padding-bottom: 12px;
           }

           .mipContactbtnn a {
               font-size: 12px;
               padding: 10px 16px;
           }

           .mzpanelAppmobWrapimg {
               width: 50px;
               height: 50px;
               padding: 13px;
               background: #0e3a60;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               margin-bottom: 10px;
           }

           .mzpanelAppmobWrapimg img {
               width: 100%;
               height: 100%;
               object-fit: contain;
           }

           .mzpanelapplicationmobsldWrap span {
               color: #464646;
               font-size: 16px;
               font-family: "Newscience-Bold";
           }

           .mzpanelapplicationmobsldWrap h3 {
               font-size: 18px;
               color: #092F50;
               font-family: "Newscience-Bold";
               margin-top: 3px;
           }

           .mzpanelapplicationmobsldWrap p {
               font-size: 12px;
               color: #98A1B3;
               font-family: "Inter-Regular";
           }

           .mzpanelapplicationmobsldWrap {
               border: 1px solid #e5e2e2;
               padding: 10px;
               border-radius: 14px;
               background: #fbfbfb;
               height: 100%;
           }

           .mzflyPanellayersMobileimgWrapp {
               padding: 40px 0;
           }

           .mzfly-center-innerMobb {
               padding-top: 48%;
               width: 100%;
               position: relative;
           }

           .mzfly-center-innerMobb img {
               position: absolute;
               width: 100%;
               height: 100%;
               object-fit: contain;
               top: 0;
               left: 0;
           }

           .mzfly-center-icon {
               width: 40px;
               height: 40px;
               margin: auto;
           }

           .mzfly-center-icon img {
               width: 100%;
               height: 100%;
               object-fit: contain;
           }

           .mzfly-center-innerMobb h3 {
               font-size: 12px;
               color: #FFFFFF;
               font-family: "Newscience-Semibold";
               text-align: center;
               margin-top: 10px;
               vertical-align: revert-layer;
           }
             p.mipsMobilepanelcontComb {
                font-size: 14px;
                font-family: "Inter-Regular";
                color: #434343;
                line-height: 1.8em;
                text-align: justify;
                margin-bottom: 0px;
            }
             p.mipsMobilepanelcontComb strong {
                font-family: "Inter-Bold";
                color: #092F50;
            }

       }

       @media screen and (max-width: 1024px) {
           .mzPanelFinalHeading {
               font-size: 2rem;
               top: 20%;
           }

           .mzPanelImageStack {
               width: 400px;
               height: 400px;
           }

           .mzPanelCard {
               max-width: 280px;
               /* Reset margins/positioning if they were inheritted, but now they are flex items */
               margin: 0;
           }

           .mzPanelColLeft {
               padding-right: 20px;
           }

           .mzPanelColRight {
               padding-left: 20px;
           }

           .mbl-menu-btn {
               text-align: center;
               padding: 8px 0;
           }
       }

       @media screen and (max-width: 991px) {

           .mdrndesignCard {
               flex: 0 0 calc(33.33% - 20px);
           }

           .prodtdtlbtn a {
               padding: 18px 10px;
           }

           .pordpgheroContent {
               width: 50%;
           }

           .pirProductsSec {
               padding: 36px 0;
           }

           .PirProductContent p {
               font-size: 14px;
           }

           .productsPnlcatCards h3 {
               font-size: 12px;
               bottom: 14px;
           }

           .prodctpgBtn a {
               font-size: 12px;
               white-space: nowrap;
           }

           .prodctpgButnWrap p {
               font-size: 14px;
               width: 100%;
               padding: 20px 0 0 0;
           }

           .prodctDetailsliders {
               padding: 22px 0;
           }

           .prodcattContent {
               padding-top: 27px;
               padding-left: 0;
           }

           .prodcattContent.lftsidee_prd {
               padding-left: 0;
               padding-right: 0;
           }

           .prodcattContent h2 {
               font-size: 16px;
           }

           .prodcattContent p {
               font-size: 12px;
               padding: 0;
           }

           .prodContInnertext h3 {
               font-size: 14px;
           }

           .pordpgheroContent p {
               font-size: 12px;
               padding-top: 0;
           }

           .mzPanelHeader h2 {
               font-size: 18px;
           }

           .mzPanelHeader p {
               font-size: 12px;
               width: 78%;
           }

           .mblInsulation_mz {
               z-index: 0;
           }

           ul.Contactdetailwrap {
               display: flex;
               align-items: center;
               flex-wrap: wrap;
               justify-content: center;
           }

           .nxtContactWrap {
               padding-top: 0px;
           }

           ul.Contactdetailwrap li a {
               font-size: 12px;
           }

           ul.Contactdetailwrap li {
               font-size: 12px;
           }

           .social-icons {
               justify-content: center;
           }

           .mb_ContactContent h1 {
               font-size: 24px;
               position: relative;
           }

           .mb_ContactContent p {
               font-size: 14px;
               position: relative;
           }

           .contactbeforeContt {
               padding: 5.2% 0 20px 0;
           }

           .heroseccontct {
               padding: 36px 0;
               position: relative;
           }

           p#breadcrumbs {
               font-size: 10px;
               position: relative;
           }

           span.breadcrumb_last {
               font-size: 12px;
           }

           ul.ValuesNxtspn p,
           .abtVisionleft p {
               font-size: 12px;
           }

           .ourMissionCard p {
               font-size: 12px;
           }

           .mzPanelStickyView {
               height: auto !important;
               min-height: 0 !important;
               top: 0 !important;
               position: relative !important;
               display: block !important;
           }

           /* Mobile Final Image Styles */
           .mzPanelMobileFinalImg {
               position: relative;
               text-align: center;
               margin-bottom: -50px;
               /* Overlap with stack initially */
               z-index: 10;
               opacity: 1;
               /* Visible by default */
           }

           .mzPanelMobileFinalImg img {
               max-width: 100%;
               margin: 0 auto;
           }

           .mzPanelDesktop {
               display: none !important;
               /* Ensure it's hidden on mobile as per requirement */
           }

           .mzPanelStickyView {
               display: block;
               height: auto;
               padding-bottom: 0;
               position: relative;
               /* Remove sticky on mobile */
           }

           .mzPanelHeader {
               position: relative;
               padding-top: 20px;
               background: transparent;
           }

           .mzPanelContent {
               display: block !important;
               height: auto;
               flex-grow: 0;
               margin-top: 40px;
           }

           .mzPanelTrack {
               height: auto;
           }

           .mzPanelImageStack {
               position: -webkit-sticky;
               position: sticky;
               top: 80px;
               /* Stays visible under header */
               width: 300px;
               height: 450px;
               margin: 0 auto 30px auto;
               /* Add bottom margin */
               opacity: 1;
               transform: scale(0.8);
               z-index: 5;
           }

           /* Show all layers on mobile in exploded view */
           .mzPanelImg {
               opacity: 1 !important;
               display: block !important;
               /* Keep desktop transforms but scaled? Using separate positions for mobile */
           }

           /* Override desktop transforms for mobile specific stack if needed, 
           but here we reuse the class transforms (mzPanelLayer-X) which simply offset Y.
           The scale(0.8) on container handles the size. */

           .mzPanelLayer-1 {
               transform: translateY(-140px) scale(1) !important;
               z-index: 6;
           }

           .mzPanelLayer-2 {
               transform: translateY(-84px) scale(1) !important;
               z-index: 5;
           }

           .mzPanelLayer-3 {
               transform: translateY(-28px) scale(1) !important;
               z-index: 4;
           }

           .mzPanelLayer-4 {
               transform: translateY(28px) scale(1) !important;
               z-index: 3;
           }

           .mzPanelLayer-5 {
               transform: translateY(84px) scale(1) !important;
               z-index: 2;
           }

           .mzPanelLayer-6 {
               transform: translateY(140px) scale(1) !important;
               z-index: 1;
           }

           .mzPanelLayerContainer {
               position: relative;
               height: auto;
               padding-top: 20px;
           }

           .mzPanelCard {
               position: relative;
               top: auto !important;
               left: auto !important;
               right: auto !important;
               margin: 20px auto;
               width: 100%;
               max-width: 340px;
               text-align: center !important;
               opacity: 1 !important;
               transform: none !important;
               padding: 15px;
               background: rgba(255, 255, 255, 0.8);
               /* readable bg */
               border-radius: 10px;
           }

           /* Hide specific desktop arrows on mobile to avoid clutter */


           .mzPanelMobileItem {
               margin-bottom: -65px;
               /* Default/Starting offset */
               position: relative;
               z-index: 1;
           }

           /* Individual offsets for perfect pattern alignment */
           .mzPanelMobileItem:nth-child(1) {
               z-index: 6;
               margin-bottom: -57px;
           }

           .mzPanelMobileItem:nth-child(2) {
               z-index: 5;
               margin-bottom: -61px;
           }

           .mzPanelMobileItem:nth-child(3) {
               z-index: 4;
               margin-bottom: -60px;
           }

           .mzPanelMobileItem:nth-child(4) {
               z-index: 3;
               margin-bottom: -60px;
           }

           .mzPanelMobileItem:nth-child(5) {
               z-index: 2;
               margin-bottom: 0px;
           }

           .mzPanelMobileItem:nth-child(6) {
               z-index: 1;
               margin-bottom: 0px;
           }

           .productcatHeroContent h1 {
               font-size: 24px;
           }

           .productHeroImage img {
               width: 100%;
           }

           .productcatHeroContent p {
               font-size: 14px;
           }

           .mzPordcatlstng .panelCategories h2 {
               font-size: 16px;
           }

           .mzPordcatlstng .panelCategories li a {
               font-size: 14px;
               padding: 7px 0;
           }

           .panelCategories::before {
               display: none;
           }

           .productCardV2.productCardV2categryacard p {
               font-size: 12px;
           }

           .productCardV2 .productImg {
               padding-top: 60%;
           }

           .productCardV2 h2,
           .productCardV2 h3 {
               font-size: 18px;
           }

           .productCardV2 p {
               font-size: 14px;
           }

           .prdcatgprodctpgButnWrap p {
               margin-bottom: 20px;
           }

           .mzPordcatlstng .panelCatList {
               display: none;
               margin-top: 15px;
               position: absolute;
               z-index: 1;
               background: #FFFFFF;
               width: 100%;
               padding: 10px;
               top: 39px;
               box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
               border-radius: 0 0 12px 12px;
               max-height: 44dvh;
               overflow: auto;
           }



           /* .panelCategories.active .panelCatList {
        display: block; 
        position: absolute;
        z-index: 1;
        background: #FFFFFF;
        width: 100%;
        padding: 10px;
        top: 39px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        border-radius: 0 0 12px 12px;
    } */

           .panelCatToggle {
               width: 100%;
               background: #fff;
               border: 1px solid #ddd;
               padding: 14px 16px;
               font-size: 16px;
               font-weight: 600;
               display: flex;
               align-items: center;
               justify-content: space-between;
               cursor: pointer;
           }

           .panelCategories.active .toggleIcon {
               transform: rotate(180deg);
           }

           .toggleIcon {
               transition: transform 0.3s ease;
           }

           .mzPordcatlstng .panelCategories {
               padding-right: 0;
               position: relative;
               padding-bottom: 20px;
           }

           .productCATHero {
               padding: 48px 0 0 0;
           }

           .productHeroImage.productsngllHeroImage {
               padding-top: 46%;
               margin-top: 52px;
           }

           .specsinerTblrws {
               width: 100%;
           }

           .productsingleHeroContent p {
               font-size: 14px;
           }

           .specsTable thead th {
               font-size: 16px;
           }

           .specsTable td {
               font-size: 12px;
               padding-bottom: 12px;
           }

           .productSpecsSection {
               padding-top: 48px;
           }

           .tblTechSpecsWrapperLeft {
               padding-right: 0;
               border-right: 0;
           }

           .tblTechSpecsWrapperRight {
               padding-left: 0;
           }

           .specsList .specsLstgrp_left p,
           .specsList .specslstgrp_rit p {
               font-size: 12px;
           }

           .pord_thredRwmz {
               padding: 40px 0;
           }

           .config-viewer-wrap {
               height: 438px;
           }

           .downloadCard span {
               font-size: 12px;
           }

           .downloadsdocsnxtLeft h3 {
               font-size: 16px;
           }

           .qualityCertifcationsc h2 {
               font-size: 24px;
           }

           .qualityCertifcationsc p {
               font-size: 12px;
               width: 95%;
           }

           .qacrtcNextspanWrapper p {
               font-size: 12px;
           }

           .recycleSecContetn h2 {
               font-size: 24px;
           }

           .recycleSecContetn p {
               font-size: 14px;
           }

           .RecycleOzonesc {
               padding: 44px 0;
           }

           .recycleWastecardLeft h3 {
               font-size: 14px;
               text-align: center;
           }

           .recycleImageWrap.ozoneRecylMainimg {
               padding-top: 51%;
               margin: 26px 0;
           }

           .workSaftymainImg {
               display: none;
           }

           .workSaftymainImg.workSaftymainImgMob {
               display: block;
               padding-top: 58%;
           }

           .workSaftymainImg.workSaftymainImgMob img {
               object-fit: contain;
           }


           .coworkPlacerightcontent {
               display: none;
           }

           .WorkplaceAbt {
               padding: 50px 0;
           }

           .abtworkplcListcont p {
               font-size: 12px;
           }

           ul.ListwrapWorkplace {
               margin-bottom: 0;
           }

           ul.ListwrapWorkplace li {
               margin-bottom: 11px;
               max-width: 85%;
           }

           .abtworkPlcIcon {
               height: 50px;
               flex: 0 0 50px;
           }

           .abtworkPlcIcon img {
               padding: 10px;
           }

           .coworkPlacerightcontentMob {
               display: block;
           }

           .coworkPlacerightcontentMob .coworkPlacerightcontent {
               display: block;
               position: unset;
               width: 100%;
               margin-top: 40px;
           }

           .coworkPlacerightcontentMob .coworkPlacerightcontent h2 {
               font-size: 18px;
               color: #323232;
           }

           .coworkPlacerightcontentMob .coworkPlacerightcontent p {
               font-size: 12px;
               color: #323232;
           }

           .coworkPlacerightcontentMob .coworkPlacerightcontent .cwplcrightList li {
               color: #323232;
               font-size: 12px;
           }

           .termsConditinsc p {
               font-size: 14px;
           }

           .termsConditinsc h1 {
               font-size: 18px;
               padding: 8px 0;
           }

           #toc-list a {
               font-size: 12px;
           }

           .contentTermscond_nxtspn h2 {
               font-size: 14px;
           }

           .contentTermscond_nxtspn p {
               font-size: 12px;
           }

           .termsConditinsc span {
               font-size: 12px;
           }

           .TermsCondtnMaincont {
               padding: 50px 0 40px 0;
           }

           .carerSaftyrightcontent {
               padding-left: 22px;
           }

           .carerSaftyrightcontent p {
               font-size: 12px;
           }

           .carerSftyrihgtList li {
               font-size: 12px;
           }

           .jobCardsWrapperMain .job-card {
               flex: 0 0 calc(33.33% - 11px);
               padding: 16px 10px;
           }

           .jobCardsWrapperMain {
               gap: 16px;
               padding: 30px 0;
           }

           .jobCardsWrapperMain .job-card .job-meta {
               margin: 0 0 7px 0;
               gap: 10px;
           }

           .CareerJbfiltr.job-filter {
               margin-top: 22px;
           }

           .CareerJbfiltr.job-filter p {
               font-size: 14px;
           }

           .CareerJbfiltr .custom-square {
               font-size: 14px;
           }

           /* new mobile panel janv */

           .mzPanelMbCont_jn h3 {
               font-size: 20px;
               text-align: center;
               color: #282828;
               font-family: 'Inter-Bold';
           }

           .mzPanelMbCont_jn p {
               font-size: 14px;
               text-align: center;
               color: #282828ED;
               font-family: 'Inter-Light';
           }

           .FinalpanelImagContent_jn h2 {
               font-size: 24px;
               color: rgba(54, 54, 54, 0.24);
               padding: 20px 0;
               font-family: "Newscience-Bold";
           }

           .plMobileCard_jn:nth-child(4) .mzPanelMobileConnector {
               margin-top: -35px;
           }

           .plMobileCard_jn:nth-child(4) .mzMobileLine {
               height: 75px;
           }

           .SustainabilityHeroSec {
               padding: 34px 0;
           }

           /* new mobile panel janv ends*/
           .nxt_cmpr_scleftBrmob {
               display: none;
           }

           .heroContent h1 {
               font-size: 32px;
               margin-bottom: 0;
           }

           .nxt_cmpr_scleft h2 {
               font-size: 24px;
               margin-bottom: 12px;
           }

           .nxt_cmpr_scleft h3 {
               font-size: 14px;
               margin-top: 0;
           }

           .nxt_cmpr_scrit p {
               font-size: 14px;
               margin-bottom: 24px;
           }

           .footerLogo {
               width: 198px;
               height: 32px;
               margin-bottom: 14px;
           }

           .footerlogoContetn p {
               font-size: 14px;
           }

           .footerRigthwrap {
               padding-left: 0;
           }

           .footerMenulist p {
               font-size: 14px;
               margin-bottom: 11px;
               padding-bottom: 6px;
           }

           .pordpgheroContent h1 {
               font-size: 24px;
           }

           .PirProductContent h2 {
               font-size: 24px;
           }

           .aboutUsContent h1 {
               font-size: 24px;
               padding: 8px 0;
               margin: 0;
           }

           .aboutUsContent p {
               font-size: 14px;
               margin-top: 0;
               margin-bottom: 0;
           }

           .mzPordcatlstng {
               padding: 40px 0;
           }

           h2.accessryHeadingmz {
               font-size: 24px;
           }

           .prdLoadmorebtmz {
               font-size: 12px;
           }

           .aboutUsContent h1 {
               font-size: 24px;
           }

           .productHeroActions .pordsinglpgBtnwrap {
               flex: 0 0 calc(50% - 9px);
           }

           .specTitle {
               font-size: 22px;
           }

           .productSpecsSection .accordion-button {
               border: none;
               background: none;
               padding: 0;
           }

           .productSpecsSection .accordion-button::after {
               background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23092f50'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
           }

           .productSpecsSection .accordion-button:not(.collapsed)::after {
               background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23092f50'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
           }

           .productSpecsSection .accordion-button:focus {
               box-shadow: none !important;
               border-color: rgba(0, 0, 0, .125);
           }

           .productSpecsSection .accordion-button:not(.collapsed) {
               box-shadow: none !important;
               padding: 0;
           }

           .productSpecsSection .accordion-item {
               border: none;
               background: none;
               margin-bottom: 20px;
           }

           .productSpecsSection .accordion-body {
               padding: 16px 0;
           }

           .config-info-wrap {
               width: 95%;
           }

           div#material-feedback {
               display: none;
           }

           /* 1. Layout Container (Card Look) */
           .productConfigSection .config-info-wrap {
               display: flex;
               flex-direction: column;
               background: #fff;
               border-radius: 12px;
               box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
               padding: 20px;
               width: 100%;
               position: relative;
               z-index: 10;
           }

           /* 2. EXPLORE LABEL (Sab se uper) */
           .productConfigSection .config-label-small {
               order: 1;
               display: block !important;
               font-size: 10px;
               font-weight: 700;
               letter-spacing: 1.2px;
               text-transform: uppercase;
               color: #1f3a68;
               margin-bottom: 10px;
               padding-left: 0;
           }

           /* 3. TOGGLE + TEXT (Explore k neechay) */
           .productConfigSection .apply-both-toggle {
               order: 2;
               width: 100%;
               display: flex;
               align-items: center;
               margin-bottom: 10px;
               padding-left: 0;
               padding-bottom: 0;
           }

           /* Toggle Switch Styling Fix */
           .productConfigSection .toggle-switch {
               margin-bottom: 0;
           }

           /* Toggle Text (Visible Now) */
           .productConfigSection .toggle-label {
               display: block !important;
               font-size: 11px;
               color: #777;
               margin-left: 10px;
               font-weight: 500;
               white-space: normal;
               /* Text wrap honay de agar screen choti ho */
           }

           /* 4. HEADING / TITLE (Toggle k neechay) */
           .productConfigSection .config-product-title {
               order: 3;
               font-size: 16px;
               /* Bold text */
               color: #092f50;
               line-height: 1.3;
               text-transform: uppercase;
               margin-bottom: 8px;
               padding-left: 0;
           }

           /* 5. TABS: Inside / Outside (Title k neechay) */
           .productConfigSection .config-mode-tabs {
               order: 4;
               display: flex;
               gap: 15px;
               margin-bottom: 0;
               width: 100%;
               padding: 0 0 10px 0;
           }

           .config-tab-btn {
               font-size: 12px;
               color: #092f50ad;
               padding: 0;
               border: none;
               background: transparent;
               cursor: pointer;
           }

           .config-tab-btn.active {
               color: #1f3a68;
               /* Active Dark Blue */
               border-bottom: none;
               /* Border hataya image jesa dikhanay k liye */
           }

           /* 6. COLORS GRID (Sab se neechay with Scrollbar) */
           .productConfigSection .config-colors-label {
               display: none;
               /* Colors text hide kia, image ma nahi hai */
           }

           .productConfigSection .config-color-grid {
               order: 5;
               display: flex;
               flex-wrap: nowrap;
               overflow-x: auto;
               gap: 8px;
               padding: 9px 6px 9px 6px;
               margin-bottom: 0;
               -webkit-overflow-scrolling: touch;
               height: unset;
           }

           .config-color-swatch {
               flex: 0 0 auto;
               width: 32px;
               height: 32px;
               border-radius: 50%;
               border: 2px solid #fff;
               /* White ring for neatness */
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
           }

           /* Active Swatch with ring */
           .config-color-swatch.active {
               border-color: #fff;
               outline: 2px solid #333;
               /* Outer ring */
           }

           /* SCROLLBAR STYLING (Black Bar) */
           .productConfigSection .config-color-grid::-webkit-scrollbar {
               height: 4px;
               /* Patli line */
           }

           .productConfigSection .config-color-grid::-webkit-scrollbar-track {
               background: #e6e6e6;
               /* Grey track */
               border-radius: 10px;
               margin: 0 2px;
           }

           .productConfigSection .config-color-grid::-webkit-scrollbar-thumb {
               background: #000;
               /* Black moving part */
               border-radius: 10px;
           }

           /* Adjust Canvas and Layout wrapping */
           .productConfigSection .pord_thredRwmz {
               flex-direction: column-reverse;
               padding: 10px 0 30px 0;
               width: 100%;
               margin: auto;
           }

           .config-viewer-wrap#canvas-container {
               height: 280px !important;
               margin-bottom: 0;
           }

           .productConfigSection {
               padding: 22px 0 22px 0;
           }

           #fullscreen-btn {
               display: none !important;
           }

           .relatedProducts_sc h2 {
               font-size: 24px;
               padding: 20px 0;
               margin-bottom: 0;
           }

           .prdsingleCTAsc h2 {
               font-size: 24px;
               text-align: center;
           }

           .prdsingleCTAsc p {
               font-size: 16px;
               margin-bottom: 0;
               text-align: center;
           }

           .prdpgBtnWraper.prdSinglebtnwraperr {
               margin-top: 16px;
               justify-content: center;
           }

           .relatedProducts_sc.relatedProducts_scMobb .splide__slide,
           #productSplide .splide__slide {
               padding: 10px !important;
           }

           .relatedProducts_sc.relatedProducts_scMobb .productCardV2 {
               box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
           }

           .relatedProducts_sc.relatedProducts_scMobb .splide__pagination,
           #productSplide .splide__pagination {
               bottom: -1.5em !important;
           }

           .relatedProducts_sc.relatedProducts_scMobb .splide__pagination__page.is-active,
           #productSplide .splide__pagination__page.is-active {
               background: #092f50;
               transform: scale(1.2);
               z-index: 1;
               opacity: 1;
               width: 20px;
               border-radius: 5px;
           }

           .leadingPanelsc {
               padding-bottom: 30px;
           }

           .productCardV2.productCardV2categryacard {
               box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
           }

           .product-item {
               height: 100%;
           }

           .whowearelft h2 {
               font-size: 24px;
               margin: 14px 0;
           }

           .whowearelft p {
               font-size: 14px;
               padding-right: 1%;
           }

           .Whoweare {
               padding: 6% 0 12px 0;
           }

           .hmpanelcaptureLogomz.contactlogonxtspn p {
               text-align: center;
           }

           .cntctPgLeftcontent h2 {
               font-size: 24px;
               margin-top: 18px;
               text-align: center;
           }

           .cntctPgLeftcontent p {
               font-size: 14px;
               text-align: center;
           }

           .careerSaftywrkplc {
               padding: 50px 0;
           }

           .carerSaftyrightcontent h2 {
               font-size: 20px;
               line-height: 1.2em;
               margin-bottom: 10px;
           }

           .careerINnerwrapheadng h2 {
               font-size: 24px;
           }

           .load-more-wrapper.load-more-wrapperAccessries {
               margin: 22px 0 0 0;
               text-align: center;
           }

           .careerTxtread-more-btn {
               color: #007bff;
               /* Change color as needed */
               cursor: pointer;
               text-decoration: none;
               font-weight: 600;
               margin-left: 5px;
           }

           .careerTxtread-more-btn:hover {
               text-decoration: underline;
           }

           /* Hide the extra text by default */
           .careertxtmore-text {
               display: none;
           }

           /* Desktop View ko Hide karein */
           .desktop-filter-view {
               display: none !important;
           }

           /* Mobile View Wrapper Show karein */
           .mobile-filter-view {
               display: flex !important;
               justify-content: space-between;
               align-items: center;
               width: 100%;
               margin-bottom: 0;
               padding: 0 5px;
           }

           .mobile-filter-view .dept-label {
               font-size: 16px;
               font-weight: 700;
               color: #333;
               text-transform: uppercase;
               letter-spacing: 0.5px;
           }

           /* --- STYLISH DROPDOWN CSS --- */
           /* --- CUSTOM SELECT WRAPPER --- */
           .custom-select-wrapper {
               position: relative;
               flex-grow: 1;
               max-width: 200px;
               /* Width control */
               font-family: inherit;
           }

           /* Asli Select ko Chupana */
           .custom-select-wrapper select {
               display: none;
           }

           /* 1. Main Button (Closed State) */
           .select-selected {
               background-color: #092f50;
               color: #ffffff;
               padding: 8px 20px;
               font-size: 14px;
               font-family: "Inter-Regular";
               border-radius: 8px;
               cursor: pointer;
               user-select: none;
               position: relative;
           }

           /* Arrow Icon (CSS Triangle) */
           .select-selected:after {
               position: absolute;
               content: "";
               top: 16px;
               right: 15px;
               width: 0;
               height: 0;
               border: 6px solid transparent;
               border-color: #fff transparent transparent transparent;
               /* White Arrow Down */
           }

           /* Arrow Up jab open ho */
           .select-selected.select-arrow-active:after {
               border-color: transparent transparent #fff transparent;
               /* White Arrow Up */
               top: 9px;
           }

           /* 2. Dropdown List Container */
           .select-items {
               display: none;
               position: absolute;
               background-color: #ffffff;
               top: 110%;
               left: 0;
               right: 0;
               z-index: 99;
               border-radius: 8px;
               box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
               overflow: hidden;
               border: 1px solid #ddd;
           }

           /* Hide list initially */
           .select-hide {
               display: none;
           }

           /* 3. List Items styling */
           .select-items div {
               padding: 8px 14px;
               cursor: pointer;
               user-select: none;
               border-bottom: 1px solid #f1f1f1;
               font-size: 14px;
               font-family: "Inter-Regular";
           }

           /* Last item ka border hatana */
           .select-items div:last-child {
               border-bottom: none;
           }

           /* Hover Effect */
           .select-items div:hover {
               background-color: #f0f4f8;
           }

           /* 4. ACTIVE / SELECTED ITEM (Blue Background, White Text) */
           .same-as-selected {
               background-color: #092f50 !important;
               color: #ffffff !important;
           }

           .apply-sidebar-card {
               margin-top: 40px;
               position: static;
           }

           .job-top-meta {
               font-size: 14px;
           }

           .job-main-title {
               font-size: 38px;
           }

           .spec-item strong {
               width: 140px;
               font-size: 16px;
           }

           .spec-item span {
               font-size: 16px;
           }

           .job-content-body p {
               font-size: 14px;
           }

           .sustainabilityCont p {
               font-size: 14px;
               padding-right: 0;
           }

           .sustainabilityCont h1 {
               font-size: 24px;
           }

           .sustainHerpresbtmtext p {
               font-size: 14px;
               max-width: 100%;
           }

           .OzoneSafeBlowing p,
           .sustainabilityCont p {
               font-size: 14px;
               width: 100%;
               text-align: center;
           }

           .ozoneBlowingImgg {
               position: relative;
               padding-top: 40%;
               width: 100%;
           }

           .ozoNedyfeatureCard h3 {
               font-size: 12px;
           }

           .ozoNedyfeatureCard p {
               font-size: 12px;
           }

           .NextspanEcoNews h2 {
               font-size: 24px;
           }

           section.OzoneSafeBlowing h2 {
               font-size: 24px;
           }

           .envirmntImagecardtipinner h3 {
               font-size: 1vw;
               color: #000000;
               font-family: 'Newscience-Bold';
               line-height: 1.3em;
               margin-bottom: 1px;
           }

           .envirmntImagecardtipinner img {
               height: 20px;
           }

           .mzPordcatlstng .panelCatList li {
               margin-bottom: 4px;
           }

           .recyclMobilecontentt h2 {
               font-size: 24px;
               color: #000000;
               font-family: "Newscience-Regular";
           }

           .recyclMobilecontentt h2 span {
               font-family: "Newscience-Bold";
           }

           .recyclMobilecontentt p {
               font-size: 14px;
               font-family: "Inter-Regular";
               color: rgba(40, 40, 40, 0.93);
               text-align: justify;
           }

           .rcycleOzonescndmblContent h2 {
               font-size: 24px;
               color: #000000;
               font-family: "Newscience-Regular";
           }

           .rcycleOzonescndmblContent h2 span {
               font-family: "Newscience-Bold";
           }

           .rcycleOzonescndmblContent p {
               font-size: 14px;
               font-family: "Inter-Regular";
               color: rgba(40, 40, 40, 0.93);
               text-align: justify;
           }

           .recycleWastecardLeft p {
               font-size: 14px;
               text-align: center;
           }

           .recycleozonesafescndmobile {
               margin-bottom: 30px;
           }

           .recycleozonesafescndmobile .container {
               max-width: 100% !important;
           }

           .recycleozonesafescndmobile.recycleozonesafescndsustainblttymobile .container {
               max-width: 95% !important;
           }

           .recycleoznest_Rw {
               padding: 40px 0 0 0;
           }

           .recycleWasterCardsWrap {
               margin-top: 12px;
           }

           .recycleWastCardicon {
               margin: 0 auto 20px auto;
           }

           .nextspannewsheader_rw {
               margin: 30px 0 0 0;
           }

           .env_news_mz_sticky_toc {
               position: relative;
               top: 0;
               margin-bottom: 0;
           }

           .env_news_mz_title {
               font-size: 24px;
           }

           .env_news_mz_meta {
               font-size: 12px;
           }

           .env_news_mz_body h2 {
               font-size: 18px;
           }

           .env_news_mz_body h3 {
               font-size: 16px;
           }

           .env_news_mz_body p {
               font-size: 12px;
           }

           .mzdownloadsnewpg-grid-view {
               grid-template-columns: repeat(2, 1fr);
           }

           .abtVisionSec::before {
               content: none;
           }

           .abtVisionleft {
               position: relative;
               background: #092F54;
               padding: 20px;
               text-align: center;
               border-radius: 8px;
               margin-bottom: 16px;
           }

           .abtVisionmid {
               padding: 20px 0 0 0;
           }

           .visionhistoryimg p {
               text-align: center;
           }

           .hmpanelcaptureLogomz.abtnxtspancanada_p p {
               text-align: center;
           }

           .whowearelft h2 {
               text-align: center;
           }

           .abtVisionmid h2 {
               font-size: 24px;
               color: #092F50;
               font-family: "Inter-bold";
               line-height: 1.2em;
               margin-bottom: 18px;
               text-align: center;
           }

           .ourMissionCard h3 {
               font-size: 18px;
           }

           .abtVisionSec {
               margin-bottom: 0;
           }

           .NextspanEcoNews {
               padding-bottom: 0;
           }

           .whychoosedownloadrightt {
               padding-left: 10px;
           }

           .choosedwnloadrightContent p {
               font-size: 12px;
               padding: 6px 0;
           }

           .choosedownloadinnercrd h3 {
               font-size: 10px;
           }

           .choosedownloadinnercrd p {
               font-size: 10px;
           }

           br.dwnload_brmz {
               display: none;
           }

           .downloadsinglepgHeading {
               font-size: 24px;
           }

           .mz-sidebar-container {
               padding-right: 0;
               margin-bottom: 30px;
           }

           .mz-mobile-filter-btn {
               display: block;
               width: 100%;
               padding: 12px 12px 10px 12px;
               background-color: #092f50;
               color: #FFFFFF;
               font-size: 16px;
               font-family: "Newscience-Regular";
               border: none;
               border-radius: 6px;
               margin-bottom: 0;
               text-align: center;
               cursor: pointer;
               letter-spacing: 1px;
           }

           .mzdownloadsnewpg-search-wrapper input {
               height: 28px;
           }

           .mz-mobile-filter-btn i {
               margin-right: 8px;
           }

           /* Sidebar Container - Drawer Style */
           .mz-sidebar-container {
               position: fixed;
               top: 0;
               left: -100%;
               width: 85%;
               max-width: 350px;
               height: 100vh;
               max-height: 100vh;
               background: #fff;
               z-index: 999999;
               transition: left 0.3s ease;
               padding: 20px;
               box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
               overflow-y: auto;
           }

           .mz-sidebar-container.active {
               left: 0;
           }

           .mz-sidebar-close-btn {
               display: block;
               background: none;
               border: none;
               font-size: 1.5rem;
               color: #333;
               position: absolute;
               top: 0;
               right: 15px;
               cursor: pointer;
           }

           .mz-sidebar-overlay {
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: rgba(0, 0, 0, 0.5);
               z-index: 1040;
               display: none;
           }

           .mz-sidebar-overlay.active {
               display: block;
           }

           /* Hide the sidebar version of search on mobile to avoid duplication inside drawer */
           .mz-sidebar-container .mzdownloadsnewpg-search-wrapper {
               display: none;
           }

           .SustainabilityHeroSec {
               background-position: 100% 100%;
               position: relative;
           }

           .SustainabilityHeroSec::before {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: #2d525acf;
               content: "";
           }

           .sustainabilityCont,
           .sustainHeroright {
               position: relative;
           }

           .productCATHero {
               display: none;
           }

           .productCATHero.productCATHeroMobile {
               display: block;
               padding: 26px 0 26px 0;
           }

           #JobFormscc {
               scroll-margin-top: 138px;
           }

           .mzblognextpg-browse-section .mzblognextpg-article-card .card-title {
               font-size: 18px;
           }

           .mzblognextpg-browse-section .blognxtmzsidebar-section h3 {
               font-size: 24px;
           }

           .mzblognextpg-browse-section .mzblognextpg-sidebar-item .sidebar-title {
               font-size: 18px;
           }

           .mzblognextpg-browse-section .Bloggsection-header h2 {
               font-size: 24px;
           }

           .blogHeroSecbgContent h1 {
               font-size: 24px;
           }

           .blogHeroSecbgContent p {
               width: 100%;
               font-size: 14px;
           }

           .env_news_mz_toc_card {
               padding: 10px 0;
           }

           .env_news_mz_article_container {
               padding-left: 0;
           }

           .env_news_mz_toc_header {
               font-size: 16px;
           }

           .env_news_mz_share_wrap h2 {
               font-size: 18px;
           }

           .env_news_mz_toc_list li a {
               font-size: 12px;
           }

           .env_news_mz_toc_header {
               width: 97%;
           }

           .mzdownloadsnewpg-controls {
               margin-top: 18px;
           }

           .env_news_mz_toc_body {
               display: none;
           }

           .env_news_mz_toc_header {
               position: relative;
               cursor: pointer;
           }

           .env_news_mz_toc_header::after {
               content: '\f078';
               font-family: "Font Awesome 6 Free";
               font-weight: 900;
               position: absolute;
               right: 15px;
               transition: transform 0.3s;
               top: 50%;
               transform: translateY(-50%);
           }

           .env_news_mz_toc_card.active .env_news_mz_toc_header::after {
               transform: translateY(-50%) rotate(180deg);
           }

           .benefitsmips-panel-item.benefitsmips-show {
               flex-direction: column;
           }

           .benefitsmips-img-col {
               flex: auto;
               width: 100%;
           }

           .benefitsmips-nav-bar {
               flex-direction: column;
           }

           .benefitsmips-tab-trigger {
               border-right: none;
               border-bottom: 1px solid rgba(255, 255, 255, 0.1);
               text-align: left;
               padding-left: 30px;
               border-radius: 0 !important;
           }

           .benefitsmips-main-title {
               font-size: 24px;
               flex-direction: column;
           }

           /* Hide the desktop curves on mobile */
           .benefitsmips-tab-trigger.benefitsmips-active::before,
           .benefitsmips-tab-trigger.benefitsmips-active::after {
               display: none !important;
           }

           .mzpanelapplicationmobsldWrap h3 {
               font-size: 14px;
           }

           .mzpanelapplicationmobsldWrap span {
               font-size: 12px;
           }

           .mipsSustainCardsdesktop {
               display: none;
           }

           .mipsSustainCardsMob {
               display: block;
           }

           .mippgsustainscmz-center-graphic {
               position: relative;
               width: 90%;
               padding-top: 55%;
           }

           .mipsusutainiconmob {
               width: 40px;
               height: 40px;
               margin-bottom: 16px;
           }

           .mipsusutainiconmob img {
               width: 100%;
               height: 100%;
               object-fit: contain;
           }

           .mipsSustainCardsMobCard h3 {
                color: #092F50;
                margin-bottom: 8px;
                font-size: 12px;
                font-family: "Newscience-Bold";
           }

           .mipsSustainCardsMobCard p {
               font-size: 12px;
               color: rgba(40, 40, 40, 0.93);
               font-family: "Inter-Regular";
               margin: 0;
               line-height: 1.2em;
           }

           .mipsSustainCardsMobCard {
               border: 1px solid #e5e2e2;
               padding: 10px;
               border-radius: 14px;
               background: #fbfbfb;
               height: 100%;
           }

           .mipsSustainCardsMobSlider {
               margin-top: 21px;
           }

           .mipsSustainSlider .splide__pagination {
               bottom: -1.5em !important;
           }

           .mipsSustainSlider .splide__pagination__page.is-active {
               background: #092f50;
               transform: scale(1.2);
               z-index: 1;
               opacity: 1;
               width: 20px;
               border-radius: 5px
           }

           .benefitsmips-tab-trigger.benefitsmips-active {
               border-radius: 0 !important;
           }

           .realWorldAppsnxtProjcs {
               padding: 45px 0 0 0;
           }

           .realWorldAppsnxtProjcs h2 {
               font-size: 24px;
           }

           .realWorldAppsnxtProjcs p {
               font-size: 14px;
               width: 80%;
           }

           h2.ourProjctsHdngmxtspn {
               font-size: 24px;
               margin-bottom: 0;
               padding: 22px 0;
               text-align: center;
           }

           .Nextspannproject-title {
               font-size: 16px;
           }

           .Nextspannproject-desc {
               font-size: 12px;
           }

           .mzdownloadsnewpg-search-wrapper {
               margin: 20px 0;
           }

           .projectGallerySection {
               margin-bottom: 16px;
           }

           .mz-downloadpgsidebar-header {
               font-size: 14px;
               margin-bottom: 0;
           }

           .mz-downloadsPGsidebar-accordion {
               margin-top: 20px;
           }

           .NextSpnnproject-featured-image,
           .Nxtprojctsinglmeta-container,
           .short-description {
               float: none;
               width: 100%;
               max-width: 100%;
               margin-left: 0;
           }

           .NextSpnnproject-featured-image {
               padding-top: 46%;
           }

           .hmpanelcaptureLogomz.singleProjectcaptureLogomz {
               display: block;
           }

           .hmpanelcaptureLogomz.singleProjectcaptureLogomz p {
               text-align: center;
               margin-bottom: 0;
           }

           .NextProjectsMainentry-title {
               font-size: 24px;
               text-align: center;
               display: block;
               margin: 12px 0;
           }

           .short-description p {
               font-size: 14px;
           }

           .NextspnSinglprjmeta-box {
               padding: 14px 16px;
           }

           .NextspnSinglprjmeta-box strong {
               font-size: 14px;
           }

           .NextspnSinglprjmeta-box span {
               font-size: 12px;
               line-height: 1.2em;
               margin-bottom: 0;
           }

           .NextspanProjectsingldetailed-text p {
               font-size: 14px;
               margin-bottom: 8px;
           }

           br.singleProjpgbR {
               display: none;
           }

           .filterDownloadssec {
               margin-top: 0;
           }

       }


       @media screen and (max-width: 767px) {
           .nxtspanProdbtnn {
               text-align: center !important;
           }

           .PLmobilemzLayrs_jn h2 {
               font-size: 18px;
           }

           .nxtspanmz_panel-list {
               padding: 0 5.5% 0 5.5%;
               margin: 0;
           }

           .panel-title {
               font-size: 14px;
           }

           .panel-description {
               font-size: 12px;
           }

           .productsCatgrview {
               padding: 7% 0 0 0;
           }

           .nextpanelCatpara p {
               text-align: center;
           }

           .nxtpnl_catuperlogo {
               margin: 0 auto 12px auto;
           }

           .comprehensive_panels_sc {
               padding: 22px 0 32px 0;
           }

           .nxt_cmpr_scleft h2 {
               font-size: 22px;
           }

           .nxtspnscnd_vd_sc {
               position: relative;
               margin: 0 0 40px 0;
           }

           .redefining_sc h2 {
               font-size: 24px;
               margin-top: 20px;
           }

           .moderndesigncardswrapper {
               margin-top: 34px;

           }

           .nxtscndvideo-content {
               width: 68%;
           }

           .nxtscndvideo-content h2 {
               font-size: 22px;
           }

           .nxtscndvideo-content p {
               font-size: 12px;
           }

           .nxt_cmpr_scleft h3 {
               font-size: 14px;
           }

           .nxt_cmpr_scrit p {
               font-size: 12px;
               margin-bottom: 18px;
               text-align: left;
           }

           .nextspnenviromentalsc {
               padding: 0;
           }

           .nextspnenviromentalsc .row {
               flex-direction: column-reverse;
           }

           .nxtspanProdbtnn a {
               display: block;
           }

           .nextspnenviromentalsc h2 {
               font-size: 22px;
           }

           .nextspnenviromentalsc p {
               font-size: 12px;
               padding: 12px 0 12px 0;
           }

           .environmentImaginerwrapr {
               margin-bottom: 38px;
           }

           .envirmntImagecardtipinner h3 {
               font-size: 14px;
           }

           .envInnercarOuterwrap {
               top: 54px;
           }

           .footerRigthwrap {
               flex-wrap: wrap;
               padding-left: 0;
           }

           .footerRigthwrap .footerMenulist {
               flex: 0 0 33.33%;
           }

           .footerMenulist p {
               margin: 0 0 10px 0;
               font-size: 12px;
               text-align: left;
           }

           .footerMenulist ul li {
               padding-bottom: 3px;
               text-align: left;
           }

           .footerRigthwrap .footerMenulist.footerMenulistSearchbr {
               flex: 0 0 100%;
           }

           /* .footerRigthwrap .footerMenulist.footerMenulistSearchbr p {
         text-align: center;
     } */

           button.btn.btn-search {
               font-size: 10px;
           }

           .copyrighttext p {
               font-size: 12px;
               text-align: center;
           }

           .socialmediaICons ul {
               justify-content: center;
               margin-top: 8px;
           }

           .mzpanelthreedImgwrap {
               margin-bottom: 40px;
           }

           .pmzerocarbonWRapp {
               margin: 20px 0;
           }

           /* --- MOBILE SPECIFIC STYLES --- */

           .prdpgBtnWraper {
               flex-wrap: wrap;
               gap: 10px;
               padding-bottom: 12px;
           }

           .prodctpgBtn a {
               display: block;
           }

           .leadingPanelsc {
               padding-bottom: 48px;
           }

           .leadingpanelINner_left h2 {
               font-size: 14px;
           }

           .leadingpanelINner_rit p {
               font-size: 12px;
               padding-top: 13px;
           }

           .ldng_pnlrit_canda p {
               font-size: 10px;
           }

           .prodContInnertext h3 span {
               font-size: 18px;
           }

           .prodContInnertext p {
               width: 82%;
           }

           .mzPanelMobile {
               padding: 0px 0px;
           }

           .mzPanelMobileItem {
               margin-bottom: 15px;
               text-align: center;
               opacity: 0;
               /* Hide initially to prevent FOUC */
           }

           .mzPanelMbImg img {
               max-width: 100%;
               height: auto;
               /* margin-bottom: 20px; */
               max-height: 250px;
               object-fit: contain;
           }

           .mzPanelMbText h3 {
               font-family: 'Newscience-Bold';
               font-size: 20px;
               color: #003366;
               text-transform: uppercase;
               margin-bottom: 6px;
           }

           .mzPanelMbText p {
               font-family: 'Inter-Regular';
               font-size: 12px;
               color: #282828ED;
               line-height: 1.6;
           }

           .productsPnlcatCards {
               margin-bottom: 20px;
           }

           .productheroImgmbl {
               position: relative;
               width: 100%;
               padding-top: 60%;
               display: block;
           }

           .productheroImgmbl img {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: contain;
           }

           .mzPanelHeader p {
               font-size: 12px;
               width: 100%;
           }

           .contactheroBG {
               position: relative;
               background-size: cover;
           }

           .contactheroBG::before {
               position: absolute;
               top: 0;
               right: 0;
               width: 100%;
               height: 100%;
               background: #1a4c52e3;
               content: "";
           }

           .heroseccontct {
               padding: 36px 0;
           }

           ul.Contactdetailwrap li img {
               width: 18px;
               height: 18px;
               object-fit: contain;
           }

           .aboutUsContent p {
               font-size: 12px;
           }

           .whowearelft p {
               font-size: 12px;
               padding-right: 0;
               text-align: center;
           }

           .abtVisionmid h2 {
               font-size: 24px;
               margin-bottom: 0;
               text-align: center;
           }

           ul.ValuesNxtspn li {
               padding: 12px 0 0 0;
               list-style: none;
           }

           .contactbeforeContt {
               padding: 5.2% 12px 20px 12px;
           }

           .pordpgheroContent p {
               font-size: 14px;
               padding-top: 0px;
               margin-bottom: 0;
           }

           ul.ValuesNxtspn p,
           .abtVisionleft p {
               font-size: 14px;
           }

           .mzpanelthreedImgwrap .panel-pos-1 {
               right: 0%;
           }

           .mzpanelthreedImgwrap .panel-pos-2 {
               right: 20%;
           }

           .mzpanelthreedImgwrap .panel-pos-3 {
               right: 40%;
           }

           .panel-showcase {
               flex-direction: column;
               padding: 10px;
           }

           .panel-item:not(:last-child)::before {
               display: none;
           }

           .panel-description {
               padding-left: 0;
           }

           .productcatHeroContent p {
               font-size: 14px;
               margin-bottom: 0;
           }

           .specsTable thead th {
               font-size: 12px;
               padding-bottom: 12px;
           }

           .downloadsdocsnxtLeft h2 {
               font-size: 22px;
               color: #525252;
               font-family: "Newscience-Bold";
               margin-bottom: 20px;
           }

           .downloadsdocsnxtLeft {
               padding-right: 0;
           }

           .prodctheroBG {
               background: #c3c1bf;
           }

           .pordpgheroContent h1 {
               font-size: 18px;
               line-height: 1.3em;
           }

           .pordpgheroContent {
               width: 100%;
           }

           .BuildimgSc {
               padding-top: 34px;
           }

           .RecycleOzonesc {
               padding: 0 0;
               margin-top: 30px;
           }

           .RecycleOzonesc.RecycleOzoneSustainpg {
               margin-top: 0;
           }

           .ourMissionCard h3 {
               font-size: 24px;
           }

           .recycleSecContetn h2 {
               text-align: center;
           }

           .recycleSecContetn p {
               text-align: center;
               font-size: 12px;
           }

           .recycleWastCardicon {
               margin: 0 auto 20px auto;
           }

           .recycleWastecardLeft h3 {
               text-align: center;
           }

           .whowearelft h2 {
               text-align: center;
           }

           .abtVisionleft h2 {
               font-size: 18px;
           }

           .nxtSpnCertifcationLogo {
               width: 100%;
               height: 66px;
               margin-bottom: 6px;
           }

           /* .Whoweare .row {
               flex-direction: column-reverse;
           } */

           .abtVisionSec {
               padding: 0;
               margin-bottom: 0px;
           }

           #toc-list .prvcsidetitle {
               width: 100%;
               text-align: center;
               margin-bottom: 0;
               padding: 10px 0;
           }

           div#toc-list {
               box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
               border-radius: 0 0 12px 12px;
           }

           .termsConditinsc p {
               font-size: 12px;
           }

           .TermsCondtnMaincont {
               padding: 30px 0 30px 0;
           }

           .careerSaftywrkplc {
               padding: 36px 0 10px 0;
           }

           button#load-more-jobs {
               font-size: 12px;
           }

           .carleftsftyContent p {
               font-size: 14px;
           }

           .carleftSftyImg {
               width: 90px;
               height: 90px;
               z-index: 1;
               flex: 0 0 90px;
               position: relative;
           }

           .careersaftyLeftcardwrap:not(:last-child) .carleftSftyImg::before {
               position: absolute;
               top: 100%;
               left: 50%;
               transform: translateX(-50%);
               width: 2px;
               height: 92%;
               background: #092f50;
               content: "";
           }

           .carerSaftyrightcontent {
               padding-left: 0;
           }

           .carerSaftyrightcontent h2 {
               font-size: 24px;
           }

           .carerSaftyrightcontent p {
               font-size: 14px;
           }

           .careersaftyLeftcardwrap {
               width: 100%;
               padding-bottom: 30px;
           }

           .carerrSafetyLeftWrap {
               position: relative;
               background-image: none;
           }

           .jobCardsWrapperMain .job-card {
               flex: 0 0 100%;
           }

           .jobCardsWrapperMain .job-card .post-date {
               font-size: 12px;
           }

           .jobCardsWrapperMain .job-card .job-title {
               font-size: 16px;
           }

           .jobCardsWrapperMain .job-card .job-meta li {
               font-size: 12px;
           }

           .jobCardsWrapperMain .job-card .job-description strong {
               font-size: 14px;
           }

           .jobCardsWrapperMain .job-card .job-description p {
               margin: 10px 0 0 0;
               font-size: 12px;
           }

           .nxtproductBtnss {
               display: none;
           }

           .nxtproductBtnss.nxtproductBtnssMobile {
               display: flex;
               margin-top: -18px;
           }

           .sustainabilityCont h1 {
               font-size: 20px;
               text-align: center;
           }

           .sustainabilityCont p {
               font-size: 14px;
           }

           .sustainHerRightimg {
               display: none;
               width: 146px;
               padding-top: 28%;
               position: relative;
               margin: auto;
           }

           .productConfigSection h2 {
               font-size: 22px;
               padding-bottom: 20px;
           }

           .hmpanelcaptureLogomz p {
               font-size: 14px;
               margin-bottom: 0;
           }

           .rmd_title h3 {
               font-size: 12px;
           }

           .PLmobilemzLayrs_jn {
               display: block;
               padding: 0px 0 34px 0;
           }

           .PLmobilemzLayrs_tablt {
               display: none;
           }

           .mobilePanelLayerwrap_jn {
               padding: 30px 0 20px 0;
               width: 60%;
               margin: auto;
           }

           .PLmobilemzLayrs_jn p {
               font-size: 14px;
               text-align: center;
               color: #282828;
           }

           .PLmobilemzLayrs_jn h2 {
               font-size: 24px;
               text-align: center;
               font-family: "Newscience-Bold";
               color: #000000;
           }

           .prdLoadmorebtmz {
               font-size: 12px;
           }

           .right_prdslid_rw {
               flex-direction: column-reverse;
           }

           .PirProductContent h2 {
               font-size: 18px;
           }

           .PirProductContent {
               width: 100%;
           }

           .pirProdcutscatsec {
               margin-bottom: 20px;
           }

           .productCardV2.productCardV2categryacard h2 {
               font-size: 14px;
           }

           .productCardV2.productCardV2categryacard .pccntwrpRight i {
               border: 1px solid #8C8C8C;
               padding: 7px;
               border-radius: 50%;
               width: 24px;
               height: 24px;
               font-size: 10px;
               transform: rotate(-45deg);
               color: #000000;
               background: #FFFFFF;
               transition: 0.4s ease;
           }

           .productCardV2.productCardV2categryacard {
               padding: 14px;
           }

           .productCardV2.productCardV2categryacard .pccntwrpLeft {
               flex: 0 0 100%;
           }

           .productCardV2.productCardV2categryacard .ProdctcatarrowBtn {
               flex: 0 0 10%;
               position: absolute;
               right: 22px;
               bottom: 20px;
           }

           .productCardV2.productCardV2categryacard p {
               padding-right: 26px;
           }

           .productHeroImage {
               margin-top: 18px;
           }

           .leadingpanelINner_rit {
               padding-left: 0;
               border-left: 0;
           }

           .whowearelft .hmpanelcaptureLogomz p {
               margin: auto;
               text-align: center;
           }

           .visionhistoryimg p {
               text-align: center;
               font-size: 12px;
           }

           .carleftsftyContent {
               width: 100%;
           }

           .jobCardsWrapperMain {
               padding: 30px 0 0 0;
           }

           .ourMissionCard p {
               font-size: 14px;
           }

           .leadingPanelsc.careerLeadingpanelsc {
               margin-top: 20px;
           }

           .leadingpanelINner_left h2 {
               font-size: 18px;
           }

           .env_crcl_glbl_img {
               display: none;
           }

           .thankyoupagesc h1 {
               font-size: 41px;
           }

           .thankyoupagesc p {
               font-size: 14px;
           }

           .jobCardsWrapperMain .job-card .apply-btn {
               font-size: 12px;
           }

           .jobCardsWrapperMain .job-card .read-more {
               color: #0088FF;
               text-decoration: none;
               font-family: "Inter-Regular";
               font-size: 12px;
               margin-left: 4px;
           }

           .ozoneAbtscc {
               flex-direction: column-reverse;
               padding-bottom: 0;
           }

           .recyclMobilecontentt h2 {
               font-size: 24px;
               text-align: center;
           }

           .recyclMobilecontentt p {
               text-align: center;
           }

           .rcycleOzonescndmblContent h2 {
               text-align: center;
           }

           .qacrtcNextspanWrapper p {
               font-size: 10px;
           }

           .rcycleOzonescndmblContent p {
               text-align: center;
           }

           .mzdownloadsnewpg-controls {
               margin-top: 1rem;
               justify-content: flex-start;
               flex-wrap: wrap;
               width: 100%;
           }

           .mzdownloadsnewpg-search-wrapper {
               flex-grow: 1;
               width: auto;
               /* margin-right: 10px; */
           }

           .mzdownloadsnewpg-list-view .mzdownloadsnewpg-item {
               padding: 1rem;
           }

           .nsBuilding_abt_mb {
               position: relative;
               padding-top: 54%;
               width: 95%;
               margin: auto;
           }

           .nsBuilding_abt_mb img {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: cover;
           }

           .qualityCertifcationsc.qualityCertifcation_Sustain {
               margin-bottom: 20px;
           }

           .choosedwnloadrightContent h2 {
               font-size: 24px;
               text-align: center;
           }

           .choosedwnloadrightContent p {
               font-size: 14px;
               text-align: center;
           }

           .choosedownloadinnercrd h3 {
               font-size: 12px;
           }

           .chooseDownloadssc .row {
               flex-direction: column-reverse;
           }

           .whychoosedownloadrightt {
               padding-left: 0;
               padding-top: 0;
           }

           .chooseDownloadscimg {
               position: relative;
               width: 100%;
               padding-top: 65%;
               margin-top: 22px;
           }

           .downloadsSlider .splide__slide,
           .choosedwnldsCcrdsMblSlider .splide__slide {
               padding: 6px !important;
           }

           .downlaodsCatcardwp {
               box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 4px 0px;
           }

           .downloadsCarcardswrap_mobile {
               padding-bottom: 50px;
           }

           .downloadsSlider .splide__pagination__page.is-active,
           .choosedwnldsCcrdsMblSlider .splide__pagination__page.is-active {
               background: #092f50;
               transform: scale(1.2);
               z-index: 1;
               opacity: 1;
               width: 20px;
               border-radius: 5px;
           }

           .downloadsSlider .splide__pagination,
           .choosedwnldsCcrdsMblSlider .splide__pagination {
               bottom: -24px !important;
           }

           .chooserightCOntetncrdswrap_mobile {
               margin-bottom: 26px;
           }

           .choosedownloadinnercrd {
               padding: 10px;
               background: #fbfbfb;
               border-radius: 6px;
               box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 4px 0px;
               height: 100%;
           }

           .downloadcardnxtspanicon {
               top: 12px;
               right: 11px;
           }

           .dwnloadcardcaticon {
               width: 60px;
               height: 60px;
           }

           .downlaodsCatcardwp h3 i {
               font-size: 12px;
           }

           .downlaodsCatcardwp h3 {
               font-size: 14px;
           }

           /* mips wheel */
           .mipsHighperfRightimg {
               margin-top: 30px;
           }

           .MipsHighperfrmwheel-container {
               position: relative;
               width: 80%;
               height: 67vw;
               margin: auto;
           }

           .MipsHighperfrmwheelnode {
               width: 60px;
               height: 60px;
           }

           .MipsHighperfrmwheelnode {
               width: 60px;
               height: 60px;
               padding-top: 2%;
               padding-left: 5%;
               font-size: 10px;
           }

           .MipsHighperfrmwheelquadrant h3 {
               font-size: 12px;
           }

           .mipsPanelTitle h2 {
               margin-top: 12px;
           }

           .MipsHighperfrmcenter-circle {
               width: 20.46vw;
               height: 20.46vw;
           }

           .MipsHighperfrmcenter-title {
               font-size: 8px;
           }

           .MipsHighperfrmcenter-sub {
               font-size: 8px;
               margin-top: 5px;
           }

           /* mips wheel ends */
           .mips-mob-panel-header h3 {
               font-size: 14px;
           }

           .mips-mob-panel-desc {
               font-size: 12px;
           }

           .mipsProductOverview {
               padding: 40px 0 10px 0;
           }

           .mipsPanelTitle h2 {
               font-size: 22px;
           }

           .mipsHighPerfTitle h2 {
               font-size: 22px;
           }

           .mipsApplctndiagrMContent {
               padding-left: 0;
               margin-top: 40px;
           }

           br.nxtspanMipsbrr {
               display: none;
           }

           .mipsApplctndiagrMContent h2 {
               font-size: 22px;
           }

           .mip_InternalConstPnl h2 {
               font-size: 22px;
           }

           .mips_applctn_diagramSc {
               padding: 5% 0 2% 0;
           }

           .mb_ContactContent p {
               font-size: 12px;
           }

           .mipsApplctndiagrMContent p,
           .mipsApplctndiagrMContent ul li {
               font-size: 12px;
           }

           .mip_InternalConstPnl p {
               font-size: 12px;
           }

           .mip_InternalConstPnl ul li {
               font-size: 12px;
           }

           h2.mips_benftsPanel {
               font-size: 22px;
               margin-top: 10px;
           }

           .benefitsmips-tab-trigger {
               padding: 15px 20px;
           }

           .benefitsmips-content-body {
               padding: 20px 20px;
           }

           .benefitsmips-panel-item.benefitsmips-show {
               gap: 4px;
           }

           .benfitsmipInnerimg {
               position: relative;
               padding-top: 63%;
               width: 100%;
           }

           .benfitsmipInnerimg img {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: cover;
               border-radius: 12px;
           }

           .mippgsustainscmz-title {
               font-size: 22px;
           }

           .mippgsustainscmz-desc {
               font-size: 12px;
               max-width: 100%;
           }

           .mipsQualityscwrap h2 {
               font-size: 22px;
           }

           .mipsQualityscwrap p {
               font-size: 12px;
               max-width: 100%;
           }

           .WhychooseMipsLeft p,
           ul.WhyChooseMIpsLitst li {
               font-size: 12px;
           }

           .mippgsustainscmz-section {
               padding: 40px 0 40px 0;
           }

           .mipQualityCardwrapp .mipQualcard {
               flex: 0 0 calc(50% - 5px);
           }

           .mipQualityCardwrapp {
               gap: 10px;
               margin: 20px 0;
           }

           .mipsApplctndiagrMContent h2 {
               font-size: 18px;
           }

           .mipsHighPerformancesc {
               margin-bottom: 20px;
           }

           .mip_InternalConstPnl h2 {
               font-size: 18px;
			    margin-bottom: 16px;
           }
		   .whychooseNxtmipsc
		   {
			   display: none;
		   }


       }

       @media screen and (max-width: 576px) {

           .nxtproductBtnss {
               flex-wrap: wrap;
           }

           .prodtdtlbtn {
               flex: 0 0 calc(25% - 3px);
           }

           .nxtspanBtnswrapr .col-12.mobBtnsss {
               padding: 0 5px;
           }

           h2.accessryHeadingmz {
               padding-bottom: 16px;
           }

           /* new 6 jan */

           /* new 6 jan ends*/
           /* .second_prolinkwrap a {
        clip-path: polygon(0% 0%, 84% 0%, 100% 100%, 0% 100%);
    }

    .third_prolinkwrap a {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 16% 100%);
    }

    .forth_prolinkwrap a {
        clip-path: polygon(0% 0%, 100% 0%, 84% 100%, 0% 100%);
    } */

           .heroContent p {
               max-width: 90%;
               font-size: 12px;
               margin-bottom: 8px;
           }

           .PLmobilemzLayrs_jn h2 {
               font-size: 18px;
           }

           .PLmobilemzLayrs_jn p {
               font-size: 12px;
           }

           .nxtspanBtnswrapr .container {
               width: 100% !important;
               max-width: 100% !important;
           }

           .btn-quote {
               font-size: 16px;
               display: block;
               width: 86%;
               border-radius: 4px;
           }

           .mbl-menu-btn {
               text-align: center;
               padding: 8px 0;
               margin: 9px 0 !important;
           }

           .prodtdtlbtn a {
               font-size: 9px;
               display: flex;
               align-items: center;
               justify-content: center;
               padding: 12px 4px;
           }

           .nextpanelCatpara.hm_scndnextpanelCatpara p {
               white-space: normal;
               margin-bottom: 12px;
               font-size: 18px;
           }

           .word-wrap {
               text-align: center;
               min-width: auto;
           }

           .mznxtspanpanel-item.active .panel-description {
               max-height: 100%;
           }

           /* .nxtscndinnervideoWrap {
        min-height: 332px;
    } */

           .nxtscndvideo-content {
               width: 87%;
               top: 50%;
               bottom: unset;
               transform: translate(-50%, -50%);
           }

           .redefining_sc h2 {
               font-size: 18px;
               margin-top: 12px;
               margin-bottom: 0;
           }

           .rmd_title h3 {
               font-size: 10px;
           }

           .nxtproductBtnss {
               gap: 4px;
               margin-top: -18px;
           }

           .nxtspan_envr_ritImg {
               margin-top: 67px;
               width: 100%;
               padding-top: 93%;
           }

           .mdrndesignCard {
               padding: 10px 10px;
               margin: 12px 0;
           }

           .redefining_sc {
               padding-bottom: 0;
           }

           .redefineSecWrapperMobile {
               padding: 10px 0 20px 0;
           }

           .envInnercarOuterwrap {
               position: absolute;
               top: 0 !important;
               left: 0 !important;
           }

           .envirmntImagecardtipinner {
               max-width: 100%;
               width: 100%;
           }

           .environmentImaginerwrapr {
               margin-bottom: 22px;
               display: flex;
               flex-direction: column-reverse;
           }

           .envirmntImagecardtipinner img {
               width: 21px;
               height: 18px;
           }

           .envirmntImagecardtipinner h3 {
               font-size: 12px;
           }

           .envirmntImagecardtipinner::before,
           .zr_wst_cnt .envirmntImagecardtipinner::before,
           .envInnercarOuterwrap.zr_ecsafe_cnt .envirmntImagecardtipinner::before,
           .envInnercarOuterwrap.zr_wrldozoneday_cnt .envirmntImagecardtipinner::before {
               top: 100%;
               left: 22%;
               background-image: url("../images/home-pg/ozone_envirmnt_vctor.svg");
           }

           .nextspnenviromentalsc p {
               font-size: 10px;
               padding: 0;
               text-align: justify;
           }

           .headertopbar .topbarListwrap {
               gap: 12px;
               margin-left: 0;
           }

           .headertopbar .topbarListwrap li a {
               font-size: 8px;
               white-space: nowrap;
           }

           /* .footerRigthwrap .footerMenulist {
        flex: 0 0 100%;
    } */

           .footerRigthwrap .footerMenulist.footerMenulistSearchbr {
               flex: 0 0 100%;
           }

           .footerLogo {
               width: 166px;
               height: 28px;
               text-align: center;
           }

           .footerlogoContetn p {
               font-size: 12px;
           }

           .footerSearch_sbsc input.form-control {
               font-size: 10px;
           }

           /* .footerMenulist p:before {
         left: 50%;
         transform: translateX(-50%);
     } */


           .moderndesigncardswrapper {
               gap: 10px;
           }

           .indicator-circle {
               margin-right: 15px;
           }

           .prodctheroBG {
               padding: 7% 0;
               background-position: right;
           }

           .PirProductContent {
               width: 100%;
           }

           .mobile_heroContent {
               background: #c3c1bf;
           }

           .prodctheroBG {
               min-height: 208px;
           }

           .nxtpnl_catuperlogo.nxtpnl_catuperlogo_hmsecond {
               margin: auto auto 20px auto;
           }

           .mob-panel-header h3 {
               font-size: 10px;
           }

           .mob-panel-desc {
               font-size: 10px;
               text-align: left;
               padding: 0;
           }

           .mob-panel-header {
               margin-bottom: 8px;
               gap: 8px;
               justify-content: left;
           }

           .pordsinglpgBtnwrap {
               width: 100%;
               display: block;
               margin-bottom: 0;
           }

           .productCATHero.productCATHeroMobile {
               padding: 26px 0 26px 0;
           }

           .pordsinglpgBtnwrap a {
               font-size: 12px;
               width: 100%;
               display: block;
               text-align: center;
               padding: 12px 8px;
           }

           .pordsinglpgBtnwrap a img {
               height: 18px;
               width: 18px;
               margin-left: 6px;
           }

           .productHeroColors {
               margin-top: 12px;
           }

           .productHeroImage.productsngllHeroImage {
               padding-top: 66%;
               margin-top: 8px;
           }

           .productHeroImage img {
               width: 100%;
           }

           .productsingleHeroContent h1 {
               font-size: 22px;
           }

           .productsingleHeroContent p {
               font-size: 12px;
           }

           .productHeroActions {
               margin: 20px 0 0 0;
           }

           .prdpgBtnWraper.prdSinglebtnwraperr {
               display: block;
               width: 100%;
           }

           .prdpgBtnWraper.prdSinglebtnwraperr .prodctpgBtn a {
               display: block;
               width: 100%;
               text-align: center;
           }

           .prdpgBtnWraper.prdSinglebtnwraperr .prodctpgBtn {
               margin-bottom: 10px;
           }

           .config-product-title {
               font-size: 12px;
               padding: 0 6px;
           }

           .productConfigSection .apply-both-toggle {
               padding: 0 0 10px 0;
               margin-bottom: 0;
           }

           .productConfigSection .toggle-label {
               font-size: 10px;
               margin-left: 0;
           }

           .productConfigSection .config-info-wrap {
               padding: 8px 12px;
           }

           .config-label-small {
               padding: 0 6px;
           }

           .config-colors-label {
               padding: 0 6px;
           }

           .config-color-grid {
               padding: 8px 6px 8px 6px;
           }

           .config-color-swatch {
               width: 32px;
               height: 32px;
           }

           .config-mode-tabs {
               display: flex;
               gap: 20px;
               padding: 12px 6px;
           }

           .prdpgBtnWraper {
               flex-wrap: wrap;
               gap: 12px;
           }

           .prodctpgBtn {
               width: 100%;
           }

           .prodctpgBtn a {
               display: block;
               text-align: center;
           }

           .prodcatCardmbb {
               padding: 0 4px;
           }

           .mzPordcatlstng {
               padding: 26px 0;
           }

           .specsList .list-group-item {
               padding: 12px 5px;
               font-size: 12px;
           }

           .specsLstgrp_left {
               flex: 0 0 40%;
           }

           .prdsingleCTAsc {
               padding: 24px 0;
           }

           .relatedProducts_sc h2 {
               font-size: 22px;
           }

           .productCardV2 h3 {
               font-size: 14px;
           }

           .productCardV2 p {
               font-size: 12px;
           }

           .downloadsdocsnxtLeft {
               padding: 20px 0 10px 0;
           }

           .pord_thredRwmz {
               padding: 40px 0 0 0;
           }

           .errorpageSec p {
               font-size: 14px;
           }

           .errorpageSec h1 {
               font-size: 100px;
           }

           .recycleWasterCardsWrap {
               flex-wrap: wrap;
               margin-top: 20px;
               gap: 0;
           }

           .ozoneAbtscc {
               padding-top: 0;
           }

           .recycleWastecardLeft {
               flex: 0 0 100%;
               background: #e3e3e3;
               padding: 10px;
               border-radius: 8px;
               height: 100%;
           }

           .RecycleOzonesc {
               padding: 22px 0 20px 0;
           }

           .abtworkplcListcont p {
               font-size: 10px;
           }

           .BuildimgSc::before {
               width: 100px;
               height: 26px;
               display: none;
           }

           .abtVisionSec {
               padding: 0 0 10px 0;
           }

           .SliderQANEXtwrapper {
               padding: 8px 0 0 0;
           }

           .recycleSecContetn h2 {
               font-size: 18px;
           }

           .recycleSecContetn p {
               font-size: 12px;
           }

           .recycleWastecardLeft h3 {
               text-align: center;
               font-size: 16px;
           }

           ul.ListwrapWorkplace {
               margin-top: -45px;
               position: relative;
           }

           ul.ListwrapWorkplace li {
               margin-bottom: 11px;
               max-width: 100%;
               padding-right: 5px;
           }

           .PirProductContent h2 {
               font-size: 18px;
               margin: 12px 0 10px 0;
           }

           .PirProductContent p {
               font-size: 12px;
           }

           .prodctpgButnWrap p {
               font-size: 12px;
               padding-bottom: 22px;
           }

           .prodctDetailsliders {
               padding: 0 0 22px 0;
           }

           .prodcattContent h2 {
               font-size: 18px;
           }

           .productsPnlcatCards h3 {
               font-size: 12px;
               padding-left: 12px;
               bottom: 14px;
           }

           .productsPnlcatCards {
               margin-bottom: 8px;
           }

           .pirProductsSec {
               padding: 22px 0;
           }

           .mzPordcatlstng .panelCategories li a {
               font-size: 12px;
               padding: 8px 0;
           }

           .productCardV2 .productImg {
               padding-top: 90%;
           }

           .carleftsftyContent p {
               font-size: 12px;
           }

           .carerSaftyrightcontent {
               padding-left: 0;
               padding-top: 0;
           }

           .carerSaftyrightcontent h2 {
               font-size: 22px;
           }

           .carerSaftyrightcontent p {
               font-size: 12px;
           }

           .careerINnerwrapheadng h2 {
               font-size: 22px;
           }

           .jobCardsWrapperMain {
               padding: 30px 0 20px 0;
           }

           /* new mobile panel janv */
           .mobilePanelLayerwrap_jn {
               width: 100%;
           }

           .mzPanelMbCont_jn p {
               font-size: 12px;
           }

           .FinalpanelImagContent_jn h2 {
               font-size: 22px;
           }

           .mobile-panels-wrapper {
               background: #fff;
           }

           /* new mobile panel janv Ends */
           #canvas-container {
               height: 500px !important;
           }

           .prodtdtlbtn:nth-of-type(2),
           .prodtdtlbtn:nth-of-type(3) {
               flex: 0 0 calc(20% - 3px);
           }

           .prodtdtlbtn:nth-of-type(1),
           .prodtdtlbtn:nth-of-type(4) {
               flex: 0 0 calc(30% - 3px);
           }


           .hmpanelcaptureLogomz p img {
               width: 24px;
               height: 24px;
           }

           .hmpanelcaptureLogomz p {
               font-size: 10px;
               letter-spacing: 1.55px;
           }

           .hmpanelcaptureLogomz.abtnxtspancanada_p p {
               font-size: 12px;
               letter-spacing: 1.55px;
               font-family: "Inter-Regular";
           }

           .heroContent h1 {
               font-size: 18px;
               margin-bottom: 0px;
           }

           .mob-panel-images {
               width: 91%;
               padding-top: 87%;
               margin-bottom: 0px;
           }

           .mob-panel-header img {
               width: 16px;
               height: auto;
           }

           /* new slider */
           /* allow slide peek */
           /* .mobile-panels-slider {
         overflow: visible;
         padding-right: 8%; 
     } */

           /* .mobile-panels-slider .splide__track {
         overflow: visible;
     } */

           .mobile-panels-slider .splide__slide {
               height: auto;
           }

           br.mobBrmz {
               display: block;
           }

           .nxtspnfooter {
               padding: 20px 0 0 0;
           }

           /* new slider Ends*/
           .readMorebtnenvNews a {
               font-size: 12px;
           }

           .nextspnenviromentalsc h2 {
               font-size: 18px;
           }

           br.sustainabilityhmbrr {
               display: none;
           }

           .pmzerocarbonLogo {
               padding-top: 18%;
               flex: 0 0 30%;
           }

           .footerMenulist ul {
               display: none;
               /* hide initially on mobile */
           }

           .footerMenulist p {
               cursor: pointer;
           }

           .footerMenulist p::after {
               font-family: "Font Awesome 6 Free";
               font-weight: 900;
               content: "\f0d7";
               position: absolute;
               right: 0;
               top: 50%;
               transform: translateY(-50%);
               transition: transform 0.3s;
           }

           .footerMenulist p.active::after {
               transform: translateY(-50%) rotate(180deg);
           }

           .footerRigthwrap .footerMenulist.footerMenulistSearchbr p::after {
               content: none;
           }

           .footerRigthwrap .footerMenulist {
               flex: 0 0 100%;
               margin-bottom: 6px;
           }

           .copyrightbar_btm {
               padding: 10px 0;
               align-items: center;
           }

           .socialmediaICons ul {
               margin-left: 0;
           }

           hr.footrborder {
               color: #FFFFFF4D;
               margin: 12px 0 0 0;
           }

           .footerMenulist p:before {
               width: 35px;
           }

           .footerMenulist p {
               width: 100%;
           }

           .pordpgheroContent p {
               font-size: 12px;
           }

           .prdLoadmorebtmz {
               font-size: 12px;
               display: block;
               width: 100%;
               padding: 12px 0;
           }

           .innerdwnlsdetailWraper {
               margin-bottom: 24px;
           }

           .downloadsdocsnxtLeft h3 {
               font-size: 16px;
               margin-bottom: 12px;
           }

           .prdsingleCTAsc h2 {
               font-size: 22px;
               text-align: center;
           }

           .prdsingleCTAsc p {
               font-size: 14px;
               margin-bottom: 0;
               text-align: center;
               font-family: "Urbanist-Regular";
           }

           .productSpecsSection {
               padding-top: 30px;
           }

           .productcatHeroContent h1 {
               font-size: 22px;
           }

           .productcatHeroContent p {
               font-size: 12px;
               margin-bottom: 0;
           }

           .panelCatToggle {
               width: 100%;
               padding: 10px 16px;
               font-size: 12px;
           }

           .leadingPanelsc .row {
               padding: 12px;
           }

           .mzPordcatlstng .panelCategories {
               padding-bottom: 12px;
           }

           .productListing.mzPordcatlstng {
               margin-bottom: 20px;
           }

           .ldng_pnlrit_canda {
               gap: 6px;
               flex-direction: column-reverse;
           }

           .leadingpanelINner_left h2,
           .leadingpanelINner_rit p {
               text-align: center;
           }

           .ldng_pnlrit_canda p {
               font-size: 12px;
               text-align: center;
           }

           .micanad_imgg img {
               height: 58px;
           }

           .mzPordcatlstng .panelCatList {
               top: 26px;
           }

           .aboutUsContent h1 {
               font-size: 18px;
           }

           .whowearelft h2 {
               font-size: 18px;
           }

           ul.ValuesNxtspn p,
           .abtVisionleft p {
               font-size: 12px;
               margin-bottom: 0;
           }

           .abtVisionmid {
               padding: 20px 0 0 0;
           }

           .qualityCertifcationsc h2 {
               font-size: 18px;
           }

           .mb_ContactContent h1 {
               font-size: 22px;
           }

           .heroseccontct {
               padding: 20px 0;
           }

           .mb_ContactContent p {
               font-size: 12px;
           }

           .hmpanelcaptureLogomz.contactlogonxtspn p {
               font-size: 12px;
           }

           .cntctPgLeftcontent h2 {
               font-size: 22px;
               margin-top: 10px;
               text-align: center;
           }

           .cntctPgLeftcontent p {
               font-size: 12px;
           }

           ul.Contactdetailwrap {
               justify-content: flex-start;
           }

           .heroseccontct-form input,
           .heroseccontct-form select,
           .heroseccontct-form textarea {
               font-size: 12px;
               min-height: 45px;
           }

           button.contact_form_btn {
               width: 100%;
               padding: 14px 16px;
               font-size: 12px;
           }

           .CareerJbfiltr .custom-square .box {
               width: 14px;
               height: 14px;
           }

           .CareerJbfiltr .custom-square input:checked+.box::after {
               font-size: 12px;
           }

           .CareerJbfiltr .custom-square {
               font-size: 12px;
           }

           .CareerJbfiltr.job-filter {
               gap: 8px;
           }

           .CareerJbfiltr.job-filter p {
               font-size: 12px;
           }

           .ourMissionCard h3 {
               font-size: 22px;
           }

           .ourMissionCard p {
               font-size: 12px;
           }

           .accessoriesLstnggsc .productCardV2 h3 {
               font-size: 14px;
           }

           .productListing.mzPordcatlstng.accessoriesLstnggsc {
               margin-bottom: 0;
               padding-bottom: 0;
           }

           .load-more-wrapper.load-more-wrapperAccessries {
               margin: 22px 0 12px 0;
               text-align: center;
           }

           .custom-select-wrapper {
               max-width: 150px;
           }

           .qacrtcNextspanWrapper p {
               font-size: 8px;
           }

           .job-main-title {
               font-size: 24px;
           }

           .job-top-meta {
               font-size: 12px;
               margin-bottom: 12px;
           }

           .job-specs-grid {
               margin-bottom: 22px;
           }

           .job-breadcrumb-strip {
               padding: 18px 0;
           }

           .apply-sidebar-card {
               padding: 16px;
           }

           .spec-item strong {
               font-size: 14px;
           }

           .spec-item span {
               font-size: 14px;
           }

           .job-content-body p {
               font-size: 12px;
           }

           .apply-sidebar-card h3 {
               font-size: 22px;
           }

           .apply-sidebar-card {
               margin-top: 14px;
           }

           .careerDetailleftside {
               padding-right: 0;
           }

           .job-breadcrumb-strip .current {
               font-size: 8px;
           }

           .job-breadcrumb-strip a {
               font-size: 8px;
           }

           .job-details-wrapper {
               padding: 22px 0;
           }

           .sustainabilityCont h1 {
               font-size: 20px;
           }

           .sustainabilityCont p {
               font-size: 12px;
           }

           .sustainHerpresbtmtext p {
               font-size: 12px;
               max-width: 100%;
           }

           section.OzoneSafeBlowing h2 {
               font-size: 24px;
           }

           .ozoneDayyCardswrap {
               display: flex;
               align-items: center;
               gap: 8px;
               padding-top: 24px;
               flex-wrap: wrap;
           }

           .ozoneBlowingImgg {
               padding-top: 82%;
           }

           .OzoneSafeBlowing p,
           .sustainabilityCont p {
               font-size: 12px;
               width: 100%;
           }

           .ozoneDayyCardswrap .ozoNedyfeatureCard {
               flex: 0 0 100%;
               justify-items: center;
           }

           .recyclMobilecontentt h2 {
               font-size: 24px;
               padding: 10px 0;
           }

           .recyclMobilecontentt p {
               text-align: center;
               font-size: 12px;
           }

           .recycleWastecardLeft p {
               font-size: 12px;
           }

           .NextspanEcoNews h2 {
               font-size: 22px;
               text-align: center;
           }

           .NextspanEcoNews p {
               font-size: 12px;
               text-align: center;
           }

           .NextspanEcoNews {
               padding-bottom: 0;
           }

           .nextspanEnvnewsContent h3 {
               font-size: 12px;
           }

           .nextspanEnvnewsContent p {
               font-size: 10px;
               text-align: left;
               margin-bottom: 0px;
           }

           .custom-splide-arrows .splide__arrow {
               width: 28px;
               height: 28px;
           }

           .nextspanEnivNews {
               padding: 20px 0;
           }

           .nextsoanEnvnewsimg {
               min-height: 200px;
           }

           .nextspanEnvnewsContent {
               padding: 14px 14px;
           }

           .heroSection {
               padding: 47% 0 13% 0;
               background-size: 270%;
               background-position: 88% 23%;
           }

           .mzdownloadsnewpg-title-text {
               font-size: 12px;
           }

           .mzdownloadsnewpg-btn-dl {
               font-size: 12px;
               margin-bottom: 4px;
           }

           .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-btn-block {
               font-size: 14px;
           }

           .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-content {
               margin-bottom: 0;
           }

           .mzdownloadsnewpg-grid-view .mzdownloadsnewpg-item {
               padding: 14px;
               align-items: flex-start;
               border: 1px solid #f0f4f8;
           }

           .mzdownloadsnewpg-file-icon {
               width: 30px;
               height: 35px;
               /* background-color: var(--primary-blue); */
               border-radius: 4px;
               display: flex;
               align-items: center;
               justify-content: center;
               position: relative;
           }

           .mzdownloadsnewpg-grid-view {
               grid-template-columns: 1fr;
           }

           .recycleoznest_Rw {
               padding: 0;
           }

           .recycleWasteSlider .splide__pagination__page.is-active,
           .ozonembWasteSlider .splide__pagination__page.is-active {
               background: #092f50;
               transform: scale(1.2);
               z-index: 1;
               opacity: 1;
               width: 20px;
               border-radius: 5px;
           }

           .mobilecardsleftslider {
               padding-bottom: 36px;
           }

           .recycleWasteSlider .splide__pagination,
           .ozonembWasteSlider .splide__pagination {
               bottom: -24px !important;
           }

           .rcycleOzonescndmblContent p {
               font-size: 12px;
           }

           .recycleImageWrap {
               margin-bottom: 12px;
           }

           .abtVisionmid h2 {
               font-size: 18px;
           }

           .choosedwnloadrightContent h2 {
               font-size: 18px;
           }

           .choosedownloadinnercrd p {
               font-size: 12px;
           }

           .choosedwnloadrightContent p {
               font-size: 12px;
           }

           .downloadcardnxtspanicon {
               width: 14%;
               height: 14%;
               top: 10px;
               right: 9px;
           }

           .downlaodsCatcardwp {
               padding: 18% 10px;
           }

           .chooseDownloadssc {
               padding: 40px 0;
               background: linear-gradient(180deg, #FAFAFA 0%, #FFF 100%);
           }

           .cntctPgLeftcontent p {
               margin-top: 10px;
           }

           .blogHeroSecbgContent h1 {
               font-size: 18px;
           }

           .blogHeroSecbgContent p {
               width: 100%;
               font-size: 12px;
           }

           .blogHeroSecbgContent .footerSearch_sbsc {
               width: 100%;
           }

           .blogHeroSecbgContent button.btn.btn-search {

               font-size: 12px;
               padding: 0 20px;
               height: 38px;
           }

           .blogHeroSecbgContent .footerSearch_sbsc input.form-control {
               height: 42px;
           }

           .mzblognextpg-browse-section .mzblognextpg-article-card .card-title {
               font-size: 16px;
           }

           .mzblognextpg-browse-section .mzblognextpg-article-card .date-badge {
               font-size: 10px;
           }

           .mzblognextpg-browse-section .mzblognextpg-sidebar-item .sidebar-title {
               font-size: 14px;
           }

           .mzblognextpg-browse-section .blognxtmzsidebar-section h3 {
               font-size: 18px;
           }

           .env_news_mz_toc_header {
               font-size: 12px;
           }

           .env_news_mz_title {
               font-size: 18px;
           }

           .env_news_mz_featured_img {
               padding-top: 65%;
           }

           .env_news_mz_share_wrap {
               padding-top: 0;
           }

           /* .mzfly-center-circle {
               width: 100%;
               height: 100%;
           } */
           .mipsPanelTitle h2 {
               font-size: 18px;
           }

           .mb_ContactContent.mipsheroContentt h1 {
               font-size: 22px;
           }

           .mipsHighPerfTitle h2 {
               font-size: 18px;
               text-align: center;
           }

           .MIPSHighcaptureLogomz p,
           .mipsHighPerfDesc p,
           .mipsFeatureCardTitle h3,
           .mipsFeatureCardText p,
           .mipsApplctndiagrMContent h2,
           .mipsApplctndiagrMContent p {
               text-align: center;
           }

           .mip_InternalConstPnl h2,
           .mip_InternalConstPnl p {
               text-align: center;
           }

           .hmpanelcaptureLogomz p {
               text-align: center;
           }

           h2.mips_benftsPanel {
               font-size: 18px;
               text-align: center;
           }

           p.mips_benftspra {
               text-align: center;
               font-size: 14px;
           }

           .mippgsustainscmz-title {
               font-size: 18px;
           }

           .WhychooseMipsLeft h2 {
               font-size: 18px;
               text-align: center;
           }

           .WhychooseMipsLeft p {
               text-align: center;
           }

           .mipContactbtnn {
               margin: 0;
           }

           .MipsHighperfrmwheel-container {
               width: 100%;
               height: 84vw;
           }

           .MipsHighperfrmcenter-circle {
               width: 29.46vw;
               height: 29.46vw;
               padding: 10px;
           }

           .MipsHighperfrmcenter-title {
               font-size: 10px;
           }

           .mips-mob-panel-header h3 {
               font-size: 12px;
           }

           .mzfly-center-innerMobb {
               padding-top: 57%;
               width: 100%;
               position: relative;
           }

           .mipsQualityscwrap h2 {
               font-size: 18px;
           }

           .mipQualityCardwrapp .mipQualcard h3 {
               font-size: 14px;
           }

           .mipQualityCardwrapp .mipQualcard p {
               font-size: 10px;
           }

           .mipQualityCardwrapp .mipQualcard {
               padding: 26px 5px;
           }

           .mipContactbtnn a {
               font-size: 12px;
               font-size: 12px;
               display: block;
               width: 100%;
               text-align: center;
           }

           .mippgsustainscmz-bottom-card {
               max-width: 100%;
           }

           .mipsbeifitsBR {
               display: none;
           }

           .mippgsustainscmz-center-graphic {
               width: 100%;
               padding-top: 68%;
           }

           .mipsHighprefrmmBR {
               display: none;
           }

           .benefitsmips-tab-trigger {
               padding: 15px 12px;
           }

           .mippgsustainscmz-desc {
               margin-bottom: 12px;
           }

           .mzpanelapplicationmobsldWrap h3 {
               font-size: 12px;
           }

           .mzpanelAppmobWrapimg {
               width: 44px;
               height: 44px;
               padding: 13px;
               background: #0e3a60;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               margin-bottom: 5px;
           }

           .mippgsustainscmz-section {
               padding: 26px 0 40px 0;
           }

           #mz-pagination {
               justify-content: center;
               flex-wrap: wrap;
           }

           .realWorldAppsnxtProjcs h2 {
               font-size: 22px;
           }

           .realWorldAppsnxtProjcs p {
               font-size: 12px;
               width: 100%;
           }

           h2.ourProjctsHdngmxtspn {
               font-size: 22px;
           }

           .mz-mobile-filter-btn i {
               margin-right: 2px;
           }

           .NextProjectsMainentry-title {
               font-size: 22px;
           }

           .short-description p {
               font-size: 12px;
           }

           .NextspanProjectsingldetailed-text p {
               font-size: 12px;
           }
           p.mipsMobilepanelcontComb
           {
            font-size: 12px;
           }

       }


       @media screen and (max-width: 407px) {
           .rmd_title h3 {
               font-size: 8px;
               white-space: nowrap;
           }

       }


       @media screen and (max-width: 390px) {
           .specsTable thead th {
               font-size: 10px;
           }

           .prodtdtlbtn a {
               font-size: 8px;
           }

           .FinalpanelImagContent_jn h2 {
               font-size: 22px;
           }

           .FinalpanelImagContent_jn h2 {
               font-size: 18px;
           }

           .PLmobilemzLayrs_jn h2 {
               font-size: 18px;
           }

           .heroContent h1 {
               font-size: 18px;
               margin-bottom: 0;
           }

           .nextpanelCatpara.hm_scndnextpanelCatpara p {
               font-size: 13px;
           }

           .nxt_cmpr_scleft h2 {
               font-size: 18px;
           }

           .nextspnenviromentalsc h2 {
               font-size: 18px;
           }

           .productsingleHeroContent h1 {
               font-size: 18px;
           }

           .specTitle {
               font-size: 18px;
           }

           .productConfigSection h2 {
               font-size: 18px;
               padding-bottom: 20px;
           }

           .downloadsdocsnxtLeft h2 {
               font-size: 18px;
               margin-bottom: 14px;
           }

           .prdsingleCTAsc h2 {
               font-size: 18px;
           }

           .relatedProducts_sc h2 {
               font-size: 18px;
               padding-bottom: 0;
           }

           .productcatHeroContent h1 {
               font-size: 18px;
           }

           .mb_ContactContent h1 {
               font-size: 18px;
           }

           .cntctPgLeftcontent h2 {
               font-size: 18px;
           }

           .social-icons li a {
               font-size: 18px;
           }

           .carerSaftyrightcontent h2 {
               font-size: 18px;
           }

           .ourMissionCard h3 {
               font-size: 18px;
           }

           .careerINnerwrapheadng h2 {
               font-size: 18px;
           }

           .abtVisionmid h2 {
               font-size: 18px;
           }

           .aboutUsContent h1 {
               font-size: 16px;
           }

           .select-selected {
               padding: 8px 10px;
               font-size: 12px;
           }

           .custom-select-wrapper {
               max-width: 134px;
           }

           .apply-sidebar-card h3 {
               font-size: 18px;
           }

           ul.Contactdetailwrap li {
               padding-right: 0 !important;
           }

           .recycleoznest_Rw {
               padding: 16px 0 0 0;
           }

           .recyclMobilecontentt h2 {
               font-size: 18px;
           }

           .rcycleOzonescndmblContent h2 {
               font-size: 18px;
           }

           .qualityCertifcationsc h2 {
               font-size: 18px;
           }

           .NextspanEcoNews h2 {
               font-size: 18px;
           }

           .nextspanEnvnewsContent h3 {
               top: 14px;
               left: 11px;
               right: 20px;
           }

           .nextspanEnvnewsContent p {
               left: 11px;
           }

           .nextspanEnvnewsContent .readMorebtnenvNews {
               left: 11px;
               bottom: 10px;
           }

           .nextspanEnvnewsContent h3 {
               font-size: 10px;
           }

           .mzdownloadsnewpg-meta {
               font-size: 10px;
               gap: 4px;
           }

           .mzdownloadsnewpg-list-view .mzdownloadsnewpg-item {
               flex-wrap: wrap;
           }

           .mzdownloadsnewpg-list-view .mzdownloadsnewpg-icon-wrapper {
               flex: calc(10% - 1.5rem);
           }

           .mzdownloadsnewpg-list-view .mzdownloadsnewpg-content {
               flex: calc(90% - 1.9rem);
           }

           .mzdownloadsnewpg-list-view .mzdownloadsnewpg-action {
               flex: 0 0 100%;
               text-align: center;
           }

           .MipsHighperfrmwheelquadrant h3 {
               font-size: 10px;
           }

           .mipsQualityscwrap h2 {
               font-size: 16px;
           }

           .mipsPanelTitle h2 {
               font-size: 16px;
           }

           .mipsHighPerfTitle h2 {
               font-size: 15px;
           }

           .mipsFeatureCardsWrap {
               gap: 10px;
           }

           .mzfly-center-innerMobb {
               padding-top: 88%;
           }

           .MipsHighperfrmcenter-circle {
               width: 32vw;
               height: 32vw;
           }

           .MipsHighperfrmwheelnode {
               width: 52px;
               height: 52px;
               padding-top: 2.5%;
               padding-left: 5.5%;
           }

           .MipsHighperfrmwheelquadrant.q4 {
               padding: 0 40px 18px 0;
           }

           .MipsHighperfrmwheelquadrant.q3 {
               padding: 0 0 18px 40px;
           }

           .MipsHighperfrmcenter-title {
               font-size: 9px;
           }

           .realWorldAppsnxtProjcs h2 {
               font-size: 18px;
           }

           .realWorldAppsnxtProjcs {
               padding: 20px 0 0 0;
           }

           h2.ourProjctsHdngmxtspn {
               font-size: 18px;
           }

           .NextProjectsMainentry-title {
               font-size: 20px;
           }

           .Nxtprojctsinglmeta-container {
               flex-wrap: wrap;
               gap: 10px;
           }

           .NextspnSinglprjmeta-box {
               flex: 0 0 100%;
           }
       }

       @media screen and (max-width:364px) {
           .MipsHighperfrmwheelnode {
               padding-top: 3%;
               padding-left: 6.5%;
           }

       }