.guten-rqvriq:not(.background-animated), .guten-rqvriq.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } .guten-rqvriq.guten-element { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); } .guten-element.guten-rqvriq { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; z-index: 2; } .section-wrapper[data-id="rqvriq"] { width: 100%!important;  } @media only screen and (max-width: 1024px) { .guten-element.guten-rqvriq { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; z-index: 99; } } @media only screen and (max-width: 767px) { .guten-element.guten-rqvriq { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } }.guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background: rgba(235, 235, 235, 1); background-position: center right; background-repeat: no-repeat; background-size: contain;  } .guten-K77eNm.guten-element { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-K77eNm {  -webkit-mask-size: 100%; -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; } .guten-element.guten-K77eNm { margin-right: 40px; margin-bottom: 140px; margin-left: 40px; } @media only screen and (max-width: 1024px) { .guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background-position: center right; } .guten-element.guten-K77eNm { margin-top: 0px; margin-right: 20px; margin-bottom: 100px; margin-left: 20px; } } @media only screen and (max-width: 767px) { .guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background-position: center center; background-size: cover; } .guten-element.guten-K77eNm { margin-top: 0px; margin-right: 20px; margin-bottom: 100px; margin-left: 20px; } }.guten-Yg2ExO.layout-boxed > .guten-container { max-width: 1150px; } .guten-Yg2ExO > .guten-background-overlay { opacity: 0.9; } .guten-Yg2ExO:not(.background-animated), .guten-Yg2ExO.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1); background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: normal;  } .guten-element.guten-Yg2ExO { padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; } @media only screen and (max-width: 1024px) { .guten-element.guten-Yg2ExO { padding-top: 100px; padding-right: 10px; padding-bottom: 100px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-Yg2ExO { padding-top: 80px; padding-right: 0px; padding-bottom: 80px; padding-left: 0px; } }.guten-element.guten-SyBlN9 { padding-bottom: 70px; } @media only screen and (max-width: 1024px) { .guten-element.guten-SyBlN9 { padding-right: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .guten-element.guten-SyBlN9 { margin-right: 0px; margin-bottom: 45px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-4cOSxf.layout-boxed > .guten-container { max-width: 1920px; } .guten-4cOSxf > .guten-container { min-height: 58px; } .guten-element.guten-4cOSxf { padding-top: 0px; padding-bottom: 0px; } @media only screen and (max-width: 1024px) { .guten-element.guten-4cOSxf { margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-right: 10px; padding-bottom: 100px; padding-left: 10px; } }.guten-sbpo01:not(.background-animated), .guten-sbpo01.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } .guten-element.guten-sbpo01 { padding-right: 40px; padding-left: 40px; } @media only screen and (max-width: 1024px) { .guten-element.guten-sbpo01 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 20px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-sbpo01 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } }.guten-PAMbOH.layout-boxed > .guten-container { max-width: 1290px; } .guten-PAMbOH:not(.background-animated), .guten-PAMbOH.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } @media only screen and (max-width: 1024px) { .guten-element.guten-PAMbOH { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-PAMbOH { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-PATR2J { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-PATR2J { width: 100%; } }.guten-PWT9bl { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-PWT9bl.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-PWT9bl.guten-column > .guten-column-wrapper { justify-content: center; } .guten-PWT9bl > .sticky-wrapper > .guten-column-wrapper:before, .guten-PWT9bl > .guten-column-wrapper:before, .guten-PWT9bl  > .guten-column-wrapper > .guten-background-overlay { opacity: ; } @media only screen and (max-width: 1024px) { .guten-PWT9bl { width: 100%; } } @media only screen and (max-width: 767px) { .guten-PWT9bl > .sticky-wrapper > .guten-column-wrapper, .guten-PWT9bl > .guten-column-wrapper { padding-top: 80px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-nlzd37 { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-nlzd37 { width: 100%; } }.guten-V51BWP { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-V51BWP.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-V51BWP.guten-column > .guten-column-wrapper { justify-content: center; } @media only screen and (max-width: 1024px) { .guten-V51BWP { width: 100%; } }.guten-JWx4DG { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-JWx4DG { width: 100%; } }.guten-bNlfRa { width: 100%; order: 1;  } .guten-bNlfRa > .sticky-wrapper > .guten-column-wrapper:before, .guten-bNlfRa > .guten-column-wrapper:before, .guten-bNlfRa  > .guten-column-wrapper > .guten-background-overlay { opacity: 0.1; } .guten-bNlfRa:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-bNlfRa.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-bNlfRa:not(.background-animated) > .guten-column-wrapper, .guten-bNlfRa.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: ; background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/structure-skyline-cityscape-panorama-transport-construction-cta.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover;  } @media only screen and (max-width: 1024px) { .guten-bNlfRa { width: 100%; } .guten-section > .guten-container > .guten-bNlfRa.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-bNlfRa.guten-column > .guten-column-wrapper { justify-content: center; } .guten-bNlfRa:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-bNlfRa.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-bNlfRa:not(.background-animated) > .guten-column-wrapper, .guten-bNlfRa.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/structure-skyline-cityscape-panorama-transport-construction-cta.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover; } } @media only screen and (max-width: 767px) { .guten-bNlfRa:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-bNlfRa.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-bNlfRa:not(.background-animated) > .guten-column-wrapper, .guten-bNlfRa.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-position: center center; } }.guten-VRW5Qm { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-VRW5Qm { width: 100%; } }.guten-rqvriq:not(.background-animated), .guten-rqvriq.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } .guten-rqvriq.guten-element { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); } .guten-element.guten-rqvriq { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; z-index: 2; } .section-wrapper[data-id="rqvriq"] { width: 100%!important;  } @media only screen and (max-width: 1024px) { .guten-element.guten-rqvriq { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; z-index: 99; } } @media only screen and (max-width: 767px) { .guten-element.guten-rqvriq { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } }.guten-enK46B { width: 30%; order: 1;  } .guten-section > .guten-container > .guten-enK46B.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-enK46B.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } @media only screen and (max-width: 1024px) { .guten-enK46B { width: 50%; } .guten-section > .guten-container > .guten-enK46B.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-enK46B.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } } @media only screen and (max-width: 767px) { .guten-enK46B.guten-element.guten-column { width: 50%; } .guten-section > .guten-container > .guten-enK46B.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-enK46B.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-9GzGvb { width: 70%; order: 1;  } .guten-section > .guten-container > .guten-9GzGvb.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-9GzGvb.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-end; } @media only screen and (max-width: 1024px) { .guten-9GzGvb { width: 50%; } .guten-section > .guten-container > .guten-9GzGvb.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-9GzGvb.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-end; } } @media only screen and (max-width: 767px) { .guten-9GzGvb.guten-element.guten-column { width: 50%; } .guten-section > .guten-container > .guten-9GzGvb.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-9GzGvb.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-end; } }#guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu { justify-content: center; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 55px; font-family: "Almarai"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; color: rgba(5, 8, 8, 1); } #guten-cRW7ca.break-point-tablet.guten-nav-menu .guten-nav-overlay, #guten-cRW7ca.break-point-mobile.guten-nav-menu .guten-nav-overlay { pointer-events: none !important; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: rgba(41, 87, 164, 1); } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: rgba(41, 87, 164, 1); } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: rgba(41, 87, 164, 1); } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { margin-top: -3px; margin-left: 10px; border-style: none; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li  a { font-family: "Almarai"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 20px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { color: var(--wp--preset--color--eUN9B6); } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a { color: rgba(252, 96, 46, 1); background: rgba(235, 235, 235, 1); } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a { color: rgba(252, 96, 46, 1); background: var(--wp--preset--color--ykONO5); } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #guten-cRW7ca.guten-element .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { margin-top: 11px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { width: 220px; box-shadow:  0px 0px 0px  rgba(0, 0, 0, 0); } #guten-cRW7ca .gutenverse-hamburger-wrapper { justify-content: right; } #guten-cRW7ca.guten-nav-menu .gutenverse-hamburger-menu { background: var(--wp--preset--color--ykONO5); border-style: none; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { background: rgba(0, 0, 0, 0); border-style: none; } #guten-cRW7ca {  width: auto!important; display: inline-block; margin-right: 40px; } @media only screen and (max-width: 1024px) { #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 30px; font-size: 14px; padding-top: 20px; padding-right: 0px; padding-bottom: 25px; } #guten-cRW7ca.break-point-mobile.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-cRW7ca.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { margin-top: -3px; margin-right: 220px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li  a { font-size: 14px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 5px; padding-bottom: 5px; padding-left: 0px; } #guten-cRW7ca.guten-element .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { margin-top: 0px; margin-left: 16px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { width: 240px; } #guten-cRW7ca .gutenverse-hamburger-wrapper { justify-content: flex-end; } #guten-cRW7ca.guten-nav-menu .gutenverse-hamburger-menu i { font-size: 35px; } #guten-cRW7ca.guten-nav-menu .gutenverse-hamburger-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgba(252, 96, 46, 1); border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu i { font-size: 30px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { margin-top: 15px; margin-right: 25px; color: var(--wp--preset--color--ykONO5); } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { width: 125px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo { padding-top: 18px; padding-bottom: 15px; padding-left: 20px; } #guten-cRW7ca { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { font-size: 14px; padding-top: 20px; padding-bottom: 25px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { margin-top: -3px; margin-right: 200px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li  a { font-size: 14px; } #guten-cRW7ca .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 5px; padding-bottom: 5px; } #guten-cRW7ca.guten-element .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { margin-top: 0px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { width: 200px; } #guten-cRW7ca.guten-nav-menu .gutenverse-hamburger-menu i { font-size: 30px; } #guten-cRW7ca.guten-nav-menu .gutenverse-hamburger-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu i { font-size: 30px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-cRW7ca.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo { padding-bottom: 0px; } }.guten-W953Lg.guten-button-wrapper { justify-content: center; } .guten-W953Lg.guten-button-wrapper .guten-button { width: 100%; height: 53px; padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 28px; background: linear-gradient(225deg, rgba(255, 255, 255, 1) 7.5%,rgba(41, 87, 164, 1) 7.8%,rgba(41, 87, 164, 1) 93.5%,rgba(255, 255, 255, 1) 93.9%); border-style: none; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-W953Lg.guten-button-wrapper .guten-button i { margin-left: 7px; font-size: 28px; color: rgba(255, 255, 255, 1); } .guten-W953Lg.guten-button-wrapper .guten-button span { color: rgba(255, 255, 255, 1); font-family: "Almarai"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; } .guten-W953Lg.guten-button-wrapper .guten-button:hover span { color: rgba(255, 255, 255, 0.70196078431373); } .guten-W953Lg.guten-button-wrapper .guten-button:hover i { color: rgba(255, 255, 255, 0.70196078431373); } .guten-W953Lg {  width: auto!important; display: inline-block; } @media only screen and (max-width: 1024px) { .guten-W953Lg.guten-button-wrapper .guten-button span { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-W953Lg.guten-button-wrapper .guten-button span { font-size: 14px; } }.guten-lfDSBb.guten-spacer { padding-bottom: 110px!important; } .guten-lfDSBb { background: rgba(255, 255, 255, 1);  width: 110px!important; display: inline-block; position: absolute!important; right: 0px; top: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-lfDSBb.guten-spacer { padding-bottom: 80px!important; } .guten-lfDSBb { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-lfDSBb.guten-spacer { padding-bottom: 60px!important; } .guten-lfDSBb { width: 60px!important; display: inline-block; } }.guten-8rLu0Z.layout-boxed > .guten-container { max-width: 1290px; } .guten-element.guten-8rLu0Z { padding-top: 120px; padding-bottom: 40px; } @media only screen and (max-width: 1024px) { .guten-element.guten-8rLu0Z { padding-top: 100px; padding-bottom: 40px; } } @media only screen and (max-width: 767px) { .guten-element.guten-8rLu0Z { padding-top: 0px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } }.guten-7Hc4ph.layout-boxed > .guten-container { max-width: 1290px; } .guten-element.guten-7Hc4ph { margin-bottom: -150px; z-index: 2; } @media only screen and (max-width: 1024px) { .guten-element.guten-7Hc4ph { margin-top: 0px; margin-right: 0px; margin-bottom: -100px; margin-left: 0px; padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-7Hc4ph { margin-bottom: -100px; } }.guten-Co4K5D.guten-spacer { padding-bottom: 110px!important; } .guten-Co4K5D { background: rgba(255, 255, 255, 1);  width: 110px!important; display: inline-block; position: absolute!important; left: 0px; bottom: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } .guten-element.guten-Co4K5D { z-index: 1; } @media only screen and (max-width: 1024px) { .guten-Co4K5D.guten-spacer { padding-bottom: 80px!important; } .guten-Co4K5D { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-Co4K5D.guten-spacer { padding-bottom: 60px!important; } .guten-Co4K5D { width: 60px!important; display: inline-block; } }.guten-5NZPcV.layout-boxed > .guten-container { max-width: 1290px; } .guten-element.guten-5NZPcV { z-index: 2; } @media only screen and (max-width: 1024px) { .guten-element.guten-5NZPcV { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-5NZPcV { padding-right: 10px; padding-left: 10px; } }.guten-element.guten-gkVeIG { z-index: 1; } .section-wrapper[data-id="gkVeIG"] { position: absolute!important; bottom: -60px; } @media only screen and (max-width: 1024px) { .section-wrapper[data-id="gkVeIG"] { bottom: -35px; } }.guten-GmSdwI { justify-content: center;  } .guten-GmSdwI > * { text-align: center; } .guten-GmSdwI .text-content .text-wrapper {  z-index: 1 } .guten-animated-text.guten-GmSdwI .text-content svg path { stroke: ; } .guten-GmSdwI .text-content svg path { stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; } .guten-GmSdwI .text-content svg { z-index: 2 } .guten-element.guten-GmSdwI { padding-top: 20px; }.guten-l8tRoa.layout-boxed > .guten-container { max-width: 1140px; }.guten-yyeTTC.guten-spacer { padding-bottom: 120px!important; } .guten-yyeTTC { background: rgba(255, 255, 255, 1);  width: 120px!important; display: inline-block; position: absolute!important; right: 0px; top: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-yyeTTC.guten-spacer { padding-bottom: 80px!important; } .guten-yyeTTC { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-yyeTTC.guten-spacer { padding-bottom: 50px!important; } .guten-yyeTTC { width: 50px!important; display: inline-block; } }.guten-eayAmX.guten-spacer { padding-bottom: 120px!important; } .guten-eayAmX { background: rgba(255, 255, 255, 1);  width: 120px!important; display: inline-block; position: absolute!important; left: 0px; bottom: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-eayAmX.guten-spacer { padding-bottom: 80px!important; } .guten-eayAmX { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-eayAmX.guten-spacer { padding-bottom: 50px!important; } .guten-eayAmX { width: 50px!important; display: inline-block; } }.guten-6mEptu.layout-boxed > .guten-container { max-width: 1140px; }.guten-PAMbOH.layout-boxed > .guten-container { max-width: 1290px; } .guten-PAMbOH:not(.background-animated), .guten-PAMbOH.background-animated > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } @media only screen and (max-width: 1024px) { .guten-element.guten-PAMbOH { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-PAMbOH { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-3sBN6g { width: 100%; order: 1;  } .guten-3sBN6g > .sticky-wrapper > .guten-column-wrapper, .guten-3sBN6g > .guten-column-wrapper { margin-top: 60px; margin-bottom: 10px; } @media only screen and (max-width: 1024px) { .guten-3sBN6g { width: 100%; } } @media only screen and (max-width: 767px) { .guten-3sBN6g > .sticky-wrapper > .guten-column-wrapper, .guten-3sBN6g > .guten-column-wrapper { padding-right: 10px; padding-left: 10px; } }.guten-qaowL4.layout-boxed > .guten-container { max-width: 1290px; } .guten-element.guten-qaowL4 { padding-bottom: 60px; } @media only screen and (max-width: 1024px) { .guten-element.guten-qaowL4 { padding-top: 0px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .guten-element.guten-qaowL4 { padding-bottom: 40px; } }.guten-kPrmX5.layout-boxed > .guten-container { max-width: 1290px; } .guten-kPrmX5.guten-element { border-top-style: solid; border-top-width: 1px; border-top-color: rgba(5, 8, 8, 0.2); } .guten-element.guten-kPrmX5 { padding-top: 24px; }.guten-wzpmRH { width: 83.7%; order: 1;  } .guten-section > .guten-container > .guten-wzpmRH.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-wzpmRH.guten-column > .guten-column-wrapper { align-content: space-between; align-items: space-between; justify-content: space-between; } @media only screen and (max-width: 1024px) { .guten-wzpmRH { width: 45%; } .guten-wzpmRH > .sticky-wrapper > .guten-column-wrapper, .guten-wzpmRH > .guten-column-wrapper { padding-right: 60px; } } @media only screen and (max-width: 767px) { .guten-wzpmRH > .sticky-wrapper > .guten-column-wrapper, .guten-wzpmRH > .guten-column-wrapper { margin-bottom: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-pzjJQT { width: 16.3%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-pzjJQT { width: 55%; } }.guten-LK4XvI { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-LK4XvI.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LK4XvI.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } @media only screen and (max-width: 1024px) { .guten-LK4XvI { width: 50%; } }.guten-qnd4ZY { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-qnd4ZY.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-qnd4ZY.guten-column > .guten-column-wrapper { justify-content: flex-end; } @media only screen and (max-width: 1024px) { .guten-qnd4ZY { width: 50%; } }.guten-4MhXYp.layout-boxed > .guten-container { max-width: 1140px; }.guten-arJ9tt { justify-content: flex-start;   } .guten-arJ9tt .guten-social-icon { text-align: left; } .guten-arJ9tt .guten-social-icon i { font-size: 18px; } .guten-arJ9tt.fill .guten-social-icon a i, .guten-arJ9tt.border .guten-social-icon a i, .guten-arJ9tt.custom .guten-social-icon a i { color: rgba(41, 87, 164, 1); } .guten-arJ9tt.border .guten-social-icon a { border-color: rgba(41, 87, 164, 1); } .guten-arJ9tt.horizontal > div:not(:first-child) { margin-left: 24px; } .guten-arJ9tt.vertical > div:not(:first-child) { margin-top: 24px; } .guten-arJ9tt .guten-social-icon a { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-arJ9tt.fill .guten-social-icon a:hover i, .guten-arJ9tt.border .guten-social-icon a:hover i, .guten-arJ9tt.custom .guten-social-icon a:hover i { color: rgba(5, 8, 8, 1); } .guten-arJ9tt.border .guten-social-icon a:hover { border-color: rgba(5, 8, 8, 1); } .guten-arJ9tt .guten-social-icon:hover a { border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } .guten-arJ9tt.guten-element, .guten-arJ9tt.guten-element.horizontal > div { align-self: flex-start; vertical-align: top; } @media only screen and (max-width: 767px) { .guten-arJ9tt { justify-content: flex-start; } .guten-arJ9tt .guten-social-icon { text-align: left; } .guten-arJ9tt .guten-social-icon i { font-size: 20px; } .guten-arJ9tt.horizontal > div:not(:first-child) { margin-left: 24px; } .guten-arJ9tt.vertical > div:not(:first-child) { margin-top: 24px; } .guten-arJ9tt .guten-social-icon a { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-86EWq7.layout-boxed > .guten-container { max-width: 1140px; }.guten-BmLTpm { columns: 1; color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 14px; font-weight: 300; line-height: 1.5em;  width: 100%!important;  } @media only screen and (max-width: 1024px) { .guten-BmLTpm { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-BmLTpm { text-align: left; font-size: 14px; } .guten-element.guten-BmLTpm { padding-right: 80px; } }.guten-JLDgKW { columns: 1; text-align: right; color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 14px; font-weight: 300; line-height: 1.5em;  width: 100%!important;  } @media only screen and (max-width: 1024px) { .guten-JLDgKW { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-JLDgKW { text-align: left; font-size: 14px; } .guten-element.guten-JLDgKW { margin-top: 20px; } }.guten-e1IITR { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-e1IITR { width: 100%; } }.guten-8HA5hQ { width: 100%; order: 1;  } .guten-8HA5hQ > .sticky-wrapper > .guten-column-wrapper, .guten-8HA5hQ > .guten-column-wrapper { padding-left: 20px; } @media only screen and (max-width: 1024px) { .guten-8HA5hQ { width: 33%; } .guten-8HA5hQ > .sticky-wrapper > .guten-column-wrapper, .guten-8HA5hQ > .guten-column-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .guten-8HA5hQ.guten-element.guten-column { width: 50%; } }.guten-AVELoB.layout-boxed > .guten-container { max-width: 1140px; }.guten-au0CZ8 { columns: 1; color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 18px; font-weight: 300; line-height: 1.5em;  width: 335px!important; display: inline-block;  } @media only screen and (max-width: 1024px) { .guten-au0CZ8 { font-size: 16px; } .guten-element.guten-au0CZ8 { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-au0CZ8 { text-align: left; font-size: 16px; } }h1.guten-element.guten-Als3Jg, h2.guten-element.guten-Als3Jg, h3.guten-element.guten-Als3Jg, h4.guten-element.guten-Als3Jg, h5.guten-element.guten-Als3Jg, h6.guten-element.guten-Als3Jg { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1.6em;  overflow-wrap: break-word; word-break: break-word; } .guten-Als3Jg {   } .guten-element.guten-Als3Jg { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-Als3Jg, h2.guten-element.guten-Als3Jg, h3.guten-element.guten-Als3Jg, h4.guten-element.guten-Als3Jg, h5.guten-element.guten-Als3Jg, h6.guten-element.guten-Als3Jg { font-size: 20px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-Als3Jg, h2.guten-element.guten-Als3Jg, h3.guten-element.guten-Als3Jg, h4.guten-element.guten-Als3Jg, h5.guten-element.guten-Als3Jg, h6.guten-element.guten-Als3Jg { font-size: 20px; } }.guten-oFcvGE:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a { margin-top: calc(16px/2); } .guten-oFcvGE:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child) { padding-bottom: calc(16px/2); } .guten-oFcvGE.inline-icon-list > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper.inline-icon-list > .guten-icon-list-item:not(:last-child) { margin-right: calc(16px/2); } .guten-oFcvGE.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a { margin-left: calc(16px/2); } .guten-oFcvGE:not(.inline-icon-list), .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) { align-items: flex-start; } .guten-oFcvGE.inline-icon-list, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item > a, .guten-oFcvGE > .list-wrapper.inline-icon-list, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item > a { justify-content: flex-start; } .guten-oFcvGE:not(.inline-icon-list) > .guten-icon-list-item > a, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item > a { text-align: flex-start; } .guten-oFcvGE:not(.inline-icon-list) > .guten-icon-list-item > a, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item > .list-divider { justify-self: flex-start; } .guten-oFcvGE .guten-icon-list-item i { font-size: 0px; } .guten-oFcvGE .guten-icon-list-item .list-text { color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 16px; font-weight: 400; line-height: 1.7em; } .guten-oFcvGE .list-wrapper .guten-icon-list-item a { align-items: flex-start } .guten-oFcvGE .guten-icon-list-item:hover .list-text { color: rgba(41, 87, 164, 1); } .guten-oFcvGE {   } @media only screen and (max-width: 1024px) { .guten-oFcvGE:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a { margin-top: calc(12px/2); } .guten-oFcvGE:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child) { padding-bottom: calc(12px/2); } .guten-oFcvGE.inline-icon-list > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper.inline-icon-list > .guten-icon-list-item:not(:last-child) { margin-right: calc(12px/2); } .guten-oFcvGE.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a { margin-left: calc(12px/2); } .guten-oFcvGE .guten-icon-list-item .list-text { font-size: 16px; } } @media only screen and (max-width: 767px) { .guten-oFcvGE:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > div.guten-icon-list-item:not(div:first-of-type) > a { margin-top: calc(8px/2); } .guten-oFcvGE:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper:not(.inline-icon-list) > .guten-icon-list-item:not(:last-child) { padding-bottom: calc(8px/2); } .guten-oFcvGE.inline-icon-list > .guten-icon-list-item:not(:last-child), .guten-oFcvGE > .list-wrapper.inline-icon-list > .guten-icon-list-item:not(:last-child) { margin-right: calc(8px/2); } .guten-oFcvGE.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a, .guten-oFcvGE > .list-wrapper.inline-icon-list > div.guten-icon-list-item:not(div:first-of-type) > a { margin-left: calc(8px/2); } .guten-oFcvGE .guten-icon-list-item .list-text { font-size: 16px; } }.guten-YdfRnR { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-YdfRnR { width: 100%; } }.guten-dQLN3F { width: 68%; order: 1;  } .guten-section > .guten-container > .guten-dQLN3F.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-dQLN3F.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-start; } .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-right: 10px; padding-left: 10px; } @media only screen and (max-width: 1024px) { .guten-dQLN3F { width: 100%; } .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } }.guten-tZTb2Q { width: 32%; order: 1;  } .guten-section > .guten-container > .guten-tZTb2Q.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-tZTb2Q.guten-column > .guten-column-wrapper { align-content: flex-end; align-items: flex-end; justify-content: flex-start; } .guten-tZTb2Q > .sticky-wrapper > .guten-column-wrapper, .guten-tZTb2Q > .guten-column-wrapper { padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } @media only screen and (max-width: 1024px) { .guten-tZTb2Q { width: 100%; } .guten-tZTb2Q > .sticky-wrapper > .guten-column-wrapper, .guten-tZTb2Q > .guten-column-wrapper { margin-top: 10px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-tZTb2Q > .sticky-wrapper > .guten-column-wrapper, .guten-tZTb2Q > .guten-column-wrapper { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } }.guten-seRyML { width: 68%; order: 1;  } .guten-seRyML:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-seRyML.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-seRyML:not(.background-animated) > .guten-column-wrapper, .guten-seRyML.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(0, 0, 0, 1); background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/sea-dock-air-building-ship-transport.jpg); background-position: bottom center; background-size: cover;  } .guten-seRyML > .sticky-wrapper > .guten-column-wrapper, .guten-seRyML > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-seRyML { width: 68%; } .guten-seRyML > .sticky-wrapper > .guten-column-wrapper, .guten-seRyML > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-DblOqU { width: 32%; order: 1;  } .guten-DblOqU:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-DblOqU.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-DblOqU:not(.background-animated) > .guten-column-wrapper, .guten-DblOqU.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(0, 0, 0, 1); background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/construction-workers.jpg); background-position: bottom right; background-repeat: no-repeat; background-size: cover;  } @media only screen and (max-width: 1024px) { .guten-DblOqU { width: 32%; } }.guten-vXWNrF { width: 50%; order: 1;  -webkit-mask-size: cover; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } .guten-vXWNrF:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-vXWNrF.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-vXWNrF:not(.background-animated) > .guten-column-wrapper, .guten-vXWNrF.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(197, 197, 197, 1); background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/worker-polishing-metal-with-special-equipment-dark-room.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover;  } @media only screen and (max-width: 1024px) { .guten-vXWNrF { width: 45%; } .guten-vXWNrF:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-vXWNrF.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-vXWNrF:not(.background-animated) > .guten-column-wrapper, .guten-vXWNrF.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-position: center center; } .guten-vXWNrF > .sticky-wrapper > .guten-column-wrapper, .guten-vXWNrF > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-vXWNrF > .sticky-wrapper > .guten-column-wrapper, .guten-vXWNrF > .guten-column-wrapper { margin-bottom: 40px; } }.guten-wOyI9u { width: 50%;  } .guten-section > .guten-container > .guten-wOyI9u.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-wOyI9u.guten-column > .guten-column-wrapper { align-content: space-between; align-items: space-between; } .guten-wOyI9u > .sticky-wrapper > .guten-column-wrapper, .guten-wOyI9u > .guten-column-wrapper { margin-right: 20px; padding-left: 100px; } @media only screen and (max-width: 1024px) { .guten-wOyI9u { width: 55%; order: 2; } .guten-wOyI9u > .sticky-wrapper > .guten-column-wrapper, .guten-wOyI9u > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px; } } @media only screen and (max-width: 767px) { .guten-wOyI9u > .sticky-wrapper > .guten-column-wrapper, .guten-wOyI9u > .guten-column-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-DES6b1 { width: 47.3%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-DES6b1 { width: 47.3%; } }.guten-j3uAl5 { width: 52.7%; order: 1;  } .guten-j3uAl5:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-j3uAl5.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-j3uAl5:not(.background-animated) > .guten-column-wrapper, .guten-j3uAl5.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(235, 235, 235, 1);  } @media only screen and (max-width: 1024px) { .guten-j3uAl5 { width: 52.7%; } }.guten-bszLRA { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-bszLRA { width: 100%; } }.guten-qrYr5X { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-qrYr5X { width: 100%; } }.guten-Bgmsxy.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-Bgmsxy { margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .guten-element.guten-Bgmsxy { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } }h1.guten-element.guten-ITo6BR, h2.guten-element.guten-ITo6BR, h3.guten-element.guten-ITo6BR, h4.guten-element.guten-ITo6BR, h5.guten-element.guten-ITo6BR, h6.guten-element.guten-ITo6BR { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 40px; font-weight: 500; text-transform: uppercase; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-ITo6BR {   animation-name: none; } .guten-element.guten-ITo6BR { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-ITo6BR, h2.guten-element.guten-ITo6BR, h3.guten-element.guten-ITo6BR, h4.guten-element.guten-ITo6BR, h5.guten-element.guten-ITo6BR, h6.guten-element.guten-ITo6BR { font-size: 50px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-ITo6BR, h2.guten-element.guten-ITo6BR, h3.guten-element.guten-ITo6BR, h4.guten-element.guten-ITo6BR, h5.guten-element.guten-ITo6BR, h6.guten-element.guten-ITo6BR { font-size: 32px; } .guten-element.guten-ITo6BR { margin-bottom: 0px; padding-right: 40px; } }.guten-k2GWcG { min-height: 77px; align-items: flex-start;  } .guten-k2GWcG .text-content .text-wrapper {  z-index: 1 } .guten-animated-text.guten-k2GWcG .text-content svg path { stroke: ; } .guten-k2GWcG .text-content svg path { stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; } .guten-k2GWcG .text-content svg { z-index: 2 } .guten-k2GWcG * { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 60px; font-weight: 600; text-transform: uppercase; line-height: 1.2em; } @media only screen and (max-width: 1024px) { .guten-k2GWcG * { font-size: 50px; } } @media only screen and (max-width: 767px) { .guten-k2GWcG * { font-size: 32px; } }.guten-d7F5jd { columns: 1; color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 20px; font-weight: 300; line-height: 1.6em;  width: 590px!important; display: inline-block;  } @media only screen and (max-width: 1024px) { .guten-d7F5jd { font-size: 18px; width: 500px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-d7F5jd { font-size: 16px; width: 100%!important; } }.guten-JQhjkR.guten-spacer { padding-bottom: 300px!important; } .guten-JQhjkR { background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/petrochemical-plant-column-tower-twilight-e1759067718789.jpg);   } @media only screen and (max-width: 1024px) { .guten-JQhjkR.guten-spacer { padding-bottom: 220px!important; } } @media only screen and (max-width: 767px) { .guten-JQhjkR.guten-spacer { padding-bottom: 200px!important; } }.guten-PNip8r.guten-spacer { padding-bottom: 300px!important; } .guten-PNip8r { background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/standard-construction-safety-equipment-wooden-table-personal-protective-equipment-set.jpg); background-size: cover;   } @media only screen and (max-width: 1024px) { .guten-PNip8r.guten-spacer { padding-bottom: 220px!important; } } @media only screen and (max-width: 767px) { .guten-PNip8r.guten-spacer { padding-bottom: 181px!important; } }.guten-NcNKAI.guten-spacer { padding-bottom: 100px!important; } .guten-NcNKAI { background: rgba(255, 255, 255, 1);  width: 100px!important; display: inline-block; position: absolute!important; right: 0px; top: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-NcNKAI.guten-spacer { padding-bottom: 60px!important; } .guten-NcNKAI { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-NcNKAI.guten-spacer { padding-bottom: 60px!important; } .guten-NcNKAI { width: 60px!important; display: inline-block; } }.guten-ab4Wei.guten-spacer { padding-bottom: 100px!important; } .guten-ab4Wei { background-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/worker-polishing-metal-with-special-equipment-dark-room.jpg);  width: 100px!important; display: inline-block; position: absolute!important; left: 0px; bottom: 0px;  -webkit-mask-image: url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); mask-image:url(https://snrdist.co.za/wp-content/uploads/2025/09/masking-alt.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } .guten-element.guten-ab4Wei { z-index: 1; } @media only screen and (max-width: 1024px) { .guten-ab4Wei.guten-spacer { padding-bottom: 60px!important; } .guten-ab4Wei { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-ab4Wei.guten-spacer { padding-bottom: 60px!important; } .guten-ab4Wei { width: 60px!important; display: inline-block; } }.guten-GaoV85.layout-boxed > .guten-container { max-width: 1140px; } @media only screen and (max-width: 767px) { .guten-element.guten-GaoV85 { margin-bottom: 20px; } }.guten-j1Ziou .accordion-item { border-style: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(5, 8, 8, 0.2); } .guten-j1Ziou .accordion-item.active { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(41, 87, 164, 1); } .guten-j1Ziou .accordion-item .accordion-icon i { color: rgba(5, 8, 8, 1); } .guten-j1Ziou .accordion-item.active .accordion-icon i { color: rgba(41, 87, 164, 1); } .guten-j1Ziou .accordion-item .accordion-icon { margin-left: 30px; font-size: 35px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-j1Ziou .accordion-item .accordion-text { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 26px; font-weight: 600; line-height: 1.2em; } .guten-j1Ziou .accordion-item.active .accordion-text { color: rgba(41, 87, 164, 1); } .guten-j1Ziou .accordion-item .accordion-heading { padding-top: 26px; padding-right: 0px; padding-bottom: 26px; padding-left: 0px; border-style: none; } .guten-j1Ziou .accordion-item.active .accordion-heading { border-style: none; } .guten-j1Ziou .accordion-item .accordion-content { color: rgba(5, 8, 8, 0.70196078431373); font-family: "Almarai"; font-size: 18px; font-weight: 300; line-height: 1.5em; padding-top: 0px; padding-right: 60px; padding-bottom: 30px; padding-left: 0px; } .guten-j1Ziou .accordion-item.active .accordion-icon { font-size: 35px; } .guten-j1Ziou {   } @media only screen and (max-width: 1024px) { .guten-j1Ziou .accordion-item .accordion-text { font-size: 20px; } .guten-j1Ziou .accordion-item .accordion-heading { padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .guten-j1Ziou .accordion-item .accordion-content { font-size: 16px; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 0px; } .guten-j1Ziou .accordion-item .accordion-icon { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-element.guten-j1Ziou { margin-top: 20px; } } @media only screen and (max-width: 767px) { .guten-j1Ziou .accordion-item .accordion-text { font-size: 22px; } .guten-j1Ziou .accordion-item .accordion-content { font-size: 16px; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 0px; } }.guten-E7Ctrh.guten-spacer { padding-bottom: 370px!important; } .guten-E7Ctrh {   } @media only screen and (max-width: 1024px) { .guten-E7Ctrh.guten-spacer { padding-bottom: 300px!important; } }.guten-lWkX1v.layout-boxed > .guten-container { max-width: 1140px; }.guten-IJ2cgv {   }.guten-Bf5lVJ { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-Bf5lVJ { width: 100%; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-Bf5lVJ.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-Bf5lVJ.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-Bf5lVJ > .sticky-wrapper > .guten-column-wrapper, .guten-Bf5lVJ > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-GMLmhO { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-GMLmhO { width: 100%; } }.guten-rEWyl3.accordion-item .accordion-body.closed .accordion-content:first-child { color: rgba(41, 87, 164, 0); }.guten-Jb8M42 { width: 25%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-Jb8M42 { width: 25%; } }.guten-woP3nb { width: 25%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-woP3nb { width: 25%; } }.guten-3A8wWc { width: 25%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-3A8wWc { width: 25%; } }.guten-FMclmA { width: 25%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-FMclmA { width: 25%; } }.guten-BXAbG3 .guten-divider-wrapper { width: 100%; } .guten-BXAbG3 .guten-divider-style { --divider-pattern-height: 1px; background-color: rgba(41, 87, 164, 1); } .guten-BXAbG3 .guten-divider-line { border-width: 1px; border-color: rgba(41, 87, 164, 1); } .guten-BXAbG3 {  width: 70px!important; display: inline-block; } .guten-element.guten-BXAbG3 { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-BXAbG3 { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-BXAbG3 { width: 50px!important; display: inline-block; } .guten-element.guten-BXAbG3 { margin-right: 20px; } }h1.guten-element.guten-8EZHCp, h2.guten-element.guten-8EZHCp, h3.guten-element.guten-8EZHCp, h4.guten-element.guten-8EZHCp, h5.guten-element.guten-8EZHCp, h6.guten-element.guten-8EZHCp { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-8EZHCp {  width: auto!important; display: inline-block;  } .guten-element.guten-8EZHCp { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-8EZHCp, h2.guten-element.guten-8EZHCp, h3.guten-element.guten-8EZHCp, h4.guten-element.guten-8EZHCp, h5.guten-element.guten-8EZHCp, h6.guten-element.guten-8EZHCp { font-size: 16px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-8EZHCp, h2.guten-element.guten-8EZHCp, h3.guten-element.guten-8EZHCp, h4.guten-element.guten-8EZHCp, h5.guten-element.guten-8EZHCp, h6.guten-element.guten-8EZHCp { font-size: 14px; } .guten-element.guten-8EZHCp { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-0bG6d3.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-0bG6d3 { margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .guten-element.guten-0bG6d3 { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } }h1.guten-element.guten-8IuNKb, h2.guten-element.guten-8IuNKb, h3.guten-element.guten-8IuNKb, h4.guten-element.guten-8IuNKb, h5.guten-element.guten-8IuNKb, h6.guten-element.guten-8IuNKb { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 56px; font-weight: 600; text-transform: uppercase; line-height: 1.3em;  overflow-wrap: break-word; word-break: break-word; } .guten-8IuNKb {  width: 570px!important; display: inline-block; animation-delay: 0.1s; } .guten-element.guten-8IuNKb { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-8IuNKb, h2.guten-element.guten-8IuNKb, h3.guten-element.guten-8IuNKb, h4.guten-element.guten-8IuNKb, h5.guten-element.guten-8IuNKb, h6.guten-element.guten-8IuNKb { font-size: 40px; } .guten-8IuNKb { width: 394px!important; display: inline-block; } .guten-element.guten-8IuNKb { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-8IuNKb, h2.guten-element.guten-8IuNKb, h3.guten-element.guten-8IuNKb, h4.guten-element.guten-8IuNKb, h5.guten-element.guten-8IuNKb, h6.guten-element.guten-8IuNKb { font-size: 26px; } .guten-8IuNKb { width: 100%!important; } }.guten-XOAtu8 img { height: 175px; object-fit: fill; } .guten-XOAtu8 {   }.guten-cLaVz1 img { height: 175px; object-fit: fill; } .guten-cLaVz1 {   }.guten-6o68Ak img { height: 175px; object-fit: contain; } .guten-6o68Ak {   }.guten-jatIy3 img { height: 175px; object-fit: contain; } .guten-jatIy3 {   }.guten-rJSOjX { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-rJSOjX { width: 100%; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-rJSOjX.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-rJSOjX.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-NvrJRZ .guten-divider-wrapper { width: 100%; } .guten-NvrJRZ .guten-divider-style { --divider-pattern-height: 1px; background-color: rgba(41, 87, 164, 1); } .guten-NvrJRZ .guten-divider-line { border-width: 1px; border-color: rgba(41, 87, 164, 1); } .guten-NvrJRZ {  width: 70px!important; display: inline-block; } .guten-element.guten-NvrJRZ { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-NvrJRZ { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-NvrJRZ { width: 50px!important; display: inline-block; } .guten-element.guten-NvrJRZ { margin-right: 20px; } }h1.guten-element.guten-2CGn6P, h2.guten-element.guten-2CGn6P, h3.guten-element.guten-2CGn6P, h4.guten-element.guten-2CGn6P, h5.guten-element.guten-2CGn6P, h6.guten-element.guten-2CGn6P { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-2CGn6P {  width: auto!important; display: inline-block;  } .guten-element.guten-2CGn6P { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-2CGn6P, h2.guten-element.guten-2CGn6P, h3.guten-element.guten-2CGn6P, h4.guten-element.guten-2CGn6P, h5.guten-element.guten-2CGn6P, h6.guten-element.guten-2CGn6P { font-size: 16px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-2CGn6P, h2.guten-element.guten-2CGn6P, h3.guten-element.guten-2CGn6P, h4.guten-element.guten-2CGn6P, h5.guten-element.guten-2CGn6P, h6.guten-element.guten-2CGn6P { font-size: 14px; } }