.elementor-kit-12{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#AF0404;--e-global-color-backgroundAccent:#BDC3C7;--e-global-color-7fb3f45:#8D0000;--e-global-color-31755f7:#7D1411;--e-global-color-953d579:#252525;--e-global-color-bc96a6d:#FF0000;--e-global-color-3d2f702:#AF0404;--e-global-color-520999a:#414141;--e-global-color-08a38f9:#080F1E;--e-global-color-e0521f0:#F5B800;--e-global-color-0a1a66a:#28A5F8;--e-global-color-2f3cf80:#0F3460;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-size:3.2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Merriweather";--e-global-typography-heading-xl-font-size:3.35rem;--e-global-typography-heading-xl-font-weight:700;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Merriweather";--e-global-typography-heading-l-font-size:2.6rem;--e-global-typography-heading-l-font-weight:700;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Merriweather";--e-global-typography-heading-m-font-size:1.6rem;--e-global-typography-heading-m-font-weight:700;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:1.1rem;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:1.1rem;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:#080F1E;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button{background-color:#AF0404;}.elementor-kit-12 h3{font-size:1.3rem;}.elementor-kit-12 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:96%;}.e-con{--container-max-width:96%;--container-default-padding-top:01%;--container-default-padding-right:03%;--container-default-padding-bottom:1%;--container-default-padding-left:03%;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}.elementor-kit-12 .hfe-scroll-to-top-wrap .hfe-scroll-to-top-button{border-style:none;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button i{color:#FFFFFF;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button span{color:#FFFFFF;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:1024px){.elementor-kit-12{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:2.1rem;--e-global-typography-heading-l-font-size:1.4rem;--e-global-typography-heading-m-font-size:1.2rem;--e-global-typography-heading-s-font-size:1rem;--e-global-typography-body-s-font-size:1.1rem;}.elementor-kit-12 h3{font-size:1.25rem;}.elementor-kit-12 h4{font-size:1.05rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS *//* ============================================ BGS SECURITY — HOMEPAGE LAPTOP FIXES Target: max-width 1366px (laptop breakpoint) Paste into: Elementor > Site Settings > Custom CSS ============================================ */ /* ===== HERO ANIMATIONS ===== */ .elementor-heading-title { animation: fadeInLeft 0.8s ease forwards; } .elementor-widget-text-editor { animation: fadeInUp 0.8s ease 0.3s forwards; opacity: 0; } .elementor-widget-button { animation: fadeInUp 0.8s ease 0.6s forwards; opacity: 0; } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ============================================ LAPTOP FIXES (1024px – 1366px) ============================================ */ @media (min-width: 1025px) and (max-width: 1366px) { /* --- HERO HEADING --- */ .elementor-element-2c6c5976 .elementor-heading-title { font-size: 3rem !important; line-height: 1.1em !important; } /* --- "WE'VE WORKED WITH JOHOR'S LARGEST COMPANIES" --- */ .elementor-element-54a824bf .elementor-heading-title { font-size: 1.8rem !important; line-height: 1.2em !important; } /* --- SECTION HEADINGS (4.8rem → 3.2rem on laptop) --- */ /* About Us, Guard Services, Advantages, Security For Every Sector, From First Call, Coverage, Trusted By, Request A Quote, FAQ */ .elementor-element-37993d57 .elementor-heading-title, .elementor-element-77ddc944 > .elementor-widget-wrap > .elementor-element .elementor-heading-title, .elementor-element-29f03e25 .elementor-heading-title, .elementor-element-2332606e .elementor-heading-title, .elementor-element-614217e .elementor-heading-title, .elementor-element-64dab438 .elementor-heading-title, .elementor-element-5c552dce > .elementor-widget-wrap > .elementor-element .elementor-heading-title, .elementor-element-38c41a78 .elementor-heading-title, .elementor-element-3c07c153 .elementor-heading-title { font-size: 3.2rem !important; line-height: 1.15em !important; } /* --- SECURITY SERVICES COMPETITIVE ADVANTAGE HEADING --- */ .elementor-element-2699afa7 .elementor-heading-title { font-size: 2.8rem !important; line-height: 1.2em !important; } /* --- WE DON'T JUST GUARD PROPERTIES heading --- */ .elementor-element-2dd71687 .elementor-heading-title { font-size: 2.8rem !important; line-height: 1.2em !important; } /* --- FROM FIRST CALL — sub headings (Free Consultation, Custom Plan etc) --- */ .elementor-element-2921546b .elementor-heading-title, .elementor-element-64685354 .elementor-heading-title, .elementor-element-5c2b4fe8 .elementor-heading-title, .elementor-element-401fe8f6 .elementor-heading-title { font-size: 1.8rem !important; } /* --- SECTION PADDING — reduce excessive top/bottom spacing on laptop --- */ .elementor-element-708123dd { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-36055510 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-77ddc944 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-7195f5c2 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-300d319a { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-553d53f9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-5c552dce { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-2c4801da { padding-top: 4rem !important; padding-bottom: 4rem !important; } .elementor-element-5c80b488 { padding-top: 4rem !important; padding-bottom: 4rem !important; } /* --- SERVICE CARDS — Guard Services grid headings --- */ .elementor-element-33598c2 .elementor-heading-title, .elementor-element-41664db8 .elementor-heading-title, .elementor-element-463ac02c .elementor-heading-title, .elementor-element-13022455 .elementor-heading-title, .elementor-element-5af3d991 .elementor-heading-title { font-size: 1.6rem !important; } /* --- SECTOR CARDS — Hotel, Commercial, Residential etc --- */ .elementor-element-1131f73a .elementor-heading-title, .elementor-element-790594ad .elementor-heading-title, .elementor-element-2b19aa5f .elementor-heading-title, .elementor-element-6a8d48d3 .elementor-heading-title, .elementor-element-3b5f4098 .elementor-heading-title, .elementor-element-6820de5b .elementor-heading-title { font-size: 0.75rem !important; } /* --- COVERAGE AREA location names --- */ .elementor-element-275e4b65 .elementor-heading-title { font-size: 14px !important; } }/* ===== PRESERVE LOGO SLIDER ANIMATION ===== */ .elementor-widget-carousel, .elementor-widget-carousel *, .swiper-wrapper, .swiper-slide, .swiper-slide * { animation: none !important; }/* ===== SERVICE TAGS FIX ===== */ @media (min-width: 1025px) and (max-width: 1366px) { .elementor-element-358d005d { flex-wrap: wrap !important; gap: 8px !important; } .elementor-element-358d005d .elementor-heading-title { font-size: 11px !important; white-space: nowrap !important; } } /* ===== YELLOW TAGS MOBILE ARRANGEMENT ===== */ @media (max-width: 767px) { .elementor-element-58234761 { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; } .elementor-element-cea71ad, .elementor-element-6ff1c253, .elementor-element-98dea5e, .elementor-element-4d0d84c { width: auto !important; margin: 0 !important; } }/* End custom CSS */