/*
Theme Name: Bugs Patrol
Theme URI: https://siteorigin.com/theme/corp/
Template: siteorigin-corp
Author: Digital Movement
Author URI: https://www.digitalmovement.com.au/
Description: A modern business theme from SiteOrigin. Corp is versatile and quick to customize. Fast loading and fully stocked with all the modern theme features you've come to expect and enjoy. Convert visitors to customers with effective layouts and beautifuly presented landing pages. Corp offers seamless integration with Page Builder by SiteOrigin, a custom WooCommerce design, five unique blog layouts and a stunning Jetpack Portfolio layout.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.20.12.1777008321
Updated: 2026-04-24 05:25:21

*/
html { font-size: calc(10px + (16 - 10)*((100vw - 1200px)/(1920 - 1200))); }
body a:focus, input:focus, button:focus {outline: 0; }
body {overflow-x: hidden;}
:root {
  --orange: #E84317;
  --orange-dark: #c93a12;
  --orange-light: #ff5a2e;
  --black: #111111;
  --dark: #1a1a1a;
  --dark2: #2b2b2b;
  --grey: #555555;
  --light-grey: #f5f5f5;
  --mid-grey: #e8e8e8;
  --white: #ffffff;
  --font-heading: "Montserrat", sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --shadow: 0 4px 20px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.15);
  --radius: 8px;
  --radius-lg: 16px;
  --transition: all 0.3s ease;
}
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--dark); line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
p:empty {display: none;}
.site-footer .bottom-bar a:hover{color: var(--orange);}
a:active, a:focus, a:hover {color: #fff;}
.btn.btn-outline-dark.btn-lg, .btn.btn-outline-dark.btn-lg:visited{color: var(--dark) !important;}
.site-header .corp-container, body .corp-container { max-width: 1650px; padding: 0 30px;}
body.single-post .corp-container { max-width: 1618px !important; }
.contact-details p {display: none;}
.btn.btn-outline-dark.btn-lg:hover {color: #fff !important;}

.section-container {max-width: 1650px;margin: 0 auto;padding: 0 30px;}
section{padding: 80px 0;}
/*========top-bar=======*/
.top-bar { background: var(--dark); color: #ccc; font-size: 13px; padding: 9px 0; }
.top-bar .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.top-bar-left { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.top-bar-left a, .top-bar-right a { color: #ccc; display: flex; align-items: center; gap: 6px; transition: var(--transition); }
.top-bar-divider { width: 1px; height: 16px; background: rgba(255, 255, 255, 0.15); }
.top-bar-left a, .top-bar-right a { color: #ccc; display: flex; align-items: center; gap: 6px; transition: var(--transition); }
.top-bar-right { display: flex; align-items: center; gap: 16px; }
.top-bar-right { display: flex; align-items: center; gap: 16px; }
.top-bar-right .social-links { display: flex; gap: 5px; }
.top-bar-right .social-links a { background: rgba(255, 255, 255, 0.08); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.top-bar-left i, .top-bar-right i { color: var(--orange); font-size: 12px; }
.top-bar .container p { display: none; }
.top-bar-right .social-links a:hover { background: var(--orange); color: white; }
.social-links a:hover .fab.fa-instagram, .social-links a:hover .fab.fa-facebook-f { color: #fff; }
.top-bar-left a:hover { color: var(--orange); }
.top-bar-left .fa-envelope::before{color: var(--orange);}
.navbar-cta a:hover {color: #000;}
.navbar-cta .navbar-phone:focus {color: var(--orange);}
/*========top-bar=======*/



/* =============================================
   NAVIGATION
============================================= */
.main-navigation #navMenu li {margin-right: 0;}
.navbar {margin-left: auto;background:transparent; box-shadow: none; position: sticky; top: 0; z-index: 1000; transition: var(--transition); }
/*.navbar.scrolled { box-shadow: 0 4px 30px rgba(0,0,0,0.15); }*/
.navbar .container { display: flex; align-items: center; justify-content: space-between; height: 80px; }
.navbar-logo img { height: 58px; width: auto; }
.nav-menu { display: flex; align-items: center; gap: 40px;}
.nav-item { position: relative; }
.main-navigation ul li a{font-weight: 600; text-transform: capitalize;}
.nav-link { font-family: var(--font-heading); font-weight: 600; font-size: 16px; color: var(--dark); padding: 10px 14px; display: flex; align-items: center; gap: 5px; border-radius: 4px; transition: var(--transition); letter-spacing: 0.3px; }
.nav-link:hover, .nav-link.active { color: var(--orange); }
.nav-link i { font-size: 11px; transition: var(--transition); }
.nav-item:hover .nav-link i { transform: rotate(180deg); }

/* Dropdown */
.dropdown { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(-10px); background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-lg); width: 810px; padding: 22px; opacity: 0; visibility: hidden; transition: var(--transition); z-index: 999; border-top: 3px solid var(--orange); }
.nav-item:hover .dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown-inner {display: grid; grid-template-columns: 1fr 1fr; gap: 0;}
.menu-grid {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 7px;}
.dropdown-col { padding: 0 18px; border-right: 1px solid var(--mid-grey); }
.dropdown-col:first-child { padding-left: 0; }
.dropdown-col:last-child { padding-right: 0; border-right: none; }
.dropdown-section { padding: 4px 0; }
.dropdown-heading { font-family: var(--font-heading); font-size: 10px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; color: var(--orange); padding: 0 0 10px; border-bottom: 1px solid var(--mid-grey); margin-bottom: 6px; display: block; }
.dropdown a { display: flex; align-items: center; gap: 7px; padding: 7px 0; font-size: 12px; color: var(--dark); font-weight: 500; transition: var(--transition); border-left: none; }
.dropdown a:hover { color: var(--orange); padding-left: 4px; background: none; border-left-color: transparent; }
.dropdown a i { font-size: 11px; color: var(--orange); width: 14px; flex-shrink: 0; }
.dropdown-divider { display: none; }
.navbar-cta { display: flex; align-items: center; gap: 14px; }
.navbar-phone { font-family: var(--font-heading); font-weight: 800; font-size: 0; color: var(--orange); display: flex; align-items: center; gap: 7px; }
.navbar-phone i {font-size: 20px; }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 5px; }
.hamburger span { display: block; width: 30px; height: 3px; background: var(--dark); border-radius: 2px; transition: var(--transition); }

body #site-navigation #mega-menu-wrap-menu-1{display: none;}
.fixed {position: fixed; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); animation:slideInDown  .6s linear; background: rgba(255, 255, 255, 0.78); --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur); backdrop-filter: none;}
@keyframes slideInDown{
   0%{transform:translateY(-100%);}
   100%{transform:translateY(0%);}
}

/*========site-header========*/

.site-header .site-branding img { display: inline-block; vertical-align: middle; height: 58px; width: auto; }
.navbar-cta { display: flex; align-items: center; gap: 14px; position: relative; z-index: 2; }
.navbar-phone { font-family: var(--font-heading); font-weight: 800; font-size: 0; color: var(--orange); display: flex; align-items: center; gap: 7px; }
.btn-primary { background: var(--orange); color: var(--white); border-color: var(--orange); }
.navbar-phone i { font-size: 20px; }
.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-heading); font-weight: 700; font-size: 14px; padding: 14px 28px; border-radius: 6px; cursor: pointer; border: 2px solid transparent; transition: var(--transition); letter-spacing: 0.5px;color:#fff !important;}
body .site-header { padding: 0 0; }
.main-navigation { display: flex; align-items: center; gap: 40px; }
.main-navigation #primary-menu li a { font-family: var(--font-heading); font-weight: 600; font-size: 16px; color: var(--dark); padding: 10px 0; display: flex; align-items: center; gap: 5px; border-radius: 4px; transition: var(--transition); letter-spacing: 0.3px; text-transform: capitalize;padding-right: 1.3rem;}
.main-navigation #primary-menu li a:hover { color: var(--orange); }

/* Header main layout */
.site-header-inner { display: flex; align-items: center; justify-content: space-between; }

/* Logo left */
.site-branding { flex: 0 0 auto; }

/* NAV full width */
.main-navigation { position: relative; flex: 1; display: flex; align-items: center; }

/* MENU center (IMPORTANT TRICK) */
.main-navigation .menu-top-menu-container { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }
.main-navigation ul.menu { display: flex; align-items: center; padding-right: 16rem; justify-content: center; }

/* Current menu item red */
.main-navigation ul.menu li.current-menu-item > a { color: var(--orange) !important; }

/* CTA right */
.textwidget { margin-left: auto; }
.navbar-cta { display: flex; align-items: center; gap: 15px; }

/* Remove <br> issue */
.navbar-cta br { display: none; }

/* Phone */
.navbar-phone { color: #f04a23; text-decoration: none; font-weight: 600; }

.main-navigation ul.menu li.menu-item-has-children > a::after { content: "\f078"; /* Font Awesome chevron-down */ font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px; font-size: 12px; }
.main-navigation ul.menu li.menu-item-has-children:hover > a::after { transform: rotate(180deg); }
.main-navigation ul.menu li.menu-item-has-children > a::after { display: inline-block; transition: 0.3s; }
.custom_feature_img img { width: 100%; }
#masthead .fas.fa-phone:hover{color: var(--dark);}



.hero {position: relative; min-height: 620px; overflow: hidden; background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 50%, #2b1208 100%); }
.hero-bg { position: absolute; inset: 0; opacity: 0.18; }
.hero-overlay { position: absolute; inset: 0; background:}
.hero-bg img {width: 100%; height: 42.5rem; object-fit: cover;}
.hero .container {position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr;  align-items: center; gap: 60px; padding: 10px 40px; max-width: 1618px; margin: auto; }
.hero-badge {display: inline-flex; align-items: center; gap: 8px; margin-bottom: 0!important; background: rgba(232,67,23,0.15); border: 1px solid rgba(232,67,23,0.4); color: var(--orange); font-family: var(--font-heading); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 7px 16px; border-radius: 30px; margin-bottom: 22px; }
.hero-badge i { font-size: 10px; }
.hero-title {  font-family: "Poppins", sans-serif;font-family: var(--font-heading); font-size: clamp(32px, 5vw, 58px); font-weight: 900; color: var(--white); line-height: 1.1; margin-bottom: 20px; }
.hero-title span { color: var(--orange); display: block;}
.hero-sub p{font-size: 17px; color: rgba(255,255,255,0.75); line-height: 1.8; margin-bottom: 34px; max-width: 480px;}
.hero-title span {display: inline-block;}
#yoast-breadcrumbs{display: none;}
.hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; }
.hero-trust { display: flex; gap: 17px; flex-wrap: wrap; }
.hero-trust-item { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.7); font-size: 13.5px; font-weight: 500; }
.hero-trust-item i { color: var(--orange); font-size: 15px; }

/* Hero Card */
.hero-card { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius-lg); padding: 36px; margin-top: 6px;}
.hero-card h3 { font-family: var(--font-heading); font-size: 20px; font-weight: 800; margin-top: 0; color: var(--white); margin-bottom: 6px; }
.hero-card p { color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 22px; }
.hero-form { display: flex; flex-direction: column; gap: 12px; }
.hero-form p{margin-bottom: 0;}
.hero-form input, .hero-form select { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 6px; padding: 13px 16px; color: var(--white); font-size: 14px; font-family: var(--font-body); width: 100%; outline: none; transition: var(--transition); }
.hero-form input::placeholder { color: rgba(255,255,255,0.4); }
.hero-form input:focus, .hero-form select:focus { border-color: var(--orange); background: rgba(255,255,255,0.12); }
.hero-form select option { background: var(--dark2); color: var(--white); }
.hero-form .btn { width: 100%; justify-content: center; padding: 15px; font-size: 15px; text-transform: capitalize;}
.hero-form-note { text-align: center; color: rgba(255,255,255,0.4); font-size: 12px; margin-top: 6px; }
.hero-form-note i { margin-right: 4px; }
.btn-outline:hover { background: var(--white); color: var(--orange); transform: translateY(-2px); }

.btn-outline {background: transparent;color: var(--white);border-color: var(--white);}

.btn-outline:hover {background: var(--white);color: var(--orange);transform: translateY(-2px);}
.btn-lg {padding: 17px 36px;font-size: 16px;}
.hero-trust-main{padding-top: 20px;}
body .btn-primary:hover {
  background: var(--orange-dark);
  border-color: var(--orange-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(232,67,23,0.35);
}



/* =============================================
   TRUST BAR
============================================= */
.trust-bar { background: var(--orange); padding: 20px 0; }
.trust-bar .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.trust-bar-item { display: flex; align-items: center; gap: 12px; color: var(--white); flex: 1; min-width: 180px; }
.trust-bar-item i { font-size: 26px; opacity: 0.9; flex-shrink: 0; }
.trust-bar-item-text strong { display: block; font-family: var(--font-heading); font-weight: 800; font-size: 15px; }
.trust-bar-item-text span { font-size: 12.5px; opacity: 0.85; }
.trust-bar-divider { width: 1px; height: 40px; background: rgba(255,255,255,0.25); flex-shrink: 0; }


/* =============================================
   SERVICES
============================================= */
body .corp-container {max-width: 100%; padding: 0;}
.services-section { padding: 90px 0; background: var(--white); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; }
.service-card { background: var(--white); border: 1px solid var(--mid-grey); border-radius: var(--radius-lg); padding: 32px 24px; text-align: center; transition: var(--transition); cursor: pointer; position: relative; overflow: hidden; }
.service-card::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--orange); transform: scaleX(0); transition: var(--transition); transform-origin: left; }
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: transparent; }
.service-card:hover::before { transform: scaleX(1); }
.service-icon { width: 72px; height: 72px; background: rgba(232,67,23,0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; transition: var(--transition); }
.service-card:hover .service-icon { background: var(--orange); }
.service-icon i { font-size: 28px; color: var(--orange); transition: var(--transition); }
.service-card:hover .service-icon i { color: var(--white); }
.service-card h3 { font-family: var(--font-heading); font-weight: 700; font-size: 15.5px; color: var(--dark); margin-bottom: 8px; }
.service-card p { font-size: 13.5px; color: var(--grey); line-height: 1.6; margin-bottom: 14px; }
.service-card a { color: var(--orange); font-size: 13px; font-weight: 700; font-family: var(--font-heading); display: flex; align-items: center; justify-content: center; gap: 5px; transition: var(--transition); }
.service-card a:hover { gap: 8px; }

/* Categories row */
.service-cats { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }
.service-cat-btn { font-family: var(--font-heading); font-size: 13px; font-weight: 700; padding: 9px 20px; border-radius: 30px; border: 2px solid var(--mid-grey); color: var(--grey); background: white; cursor: pointer; transition: var(--transition);text-transform:capitalize;}
.service-cat-btn.active, .service-cat-btn:hover { border-color: var(--orange); color: var(--orange); background: rgba(232,67,23,0.06); }

/* =============================================
   UTILITY
============================================= */
.container { max-width: 1650px; margin: 0 auto; padding: 0 30px; }
.section-tag { display: inline-block; background: rgba(232,67,23,0.10); margin-top: 0; color: var(--orange); font-family: var(--font-heading); font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 0; }
.section-title { font-family: var(--font-heading); font-size: clamp(26px, 4vw, 40px); font-weight: 800; color: var(--dark); line-height: 1.2; margin-bottom: 16px; }
.section-title span { color: var(--orange); }
.section-sub { font-size: 17px; color: var(--grey); max-width: 580px; line-height: 1.7; }
.section-header { text-align: center; margin-bottom: 50px; }
.section-header .section-sub { margin: 0 auto; }
.btn-primary { background: var(--orange); color: var(--white); border-color: var(--orange); }
.btn-primary:hover { background: var(--orange-dark); border-color: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(232,67,23,0.35); }
.btn-outline { background: transparent; color: var(--white); border-color: var(--white); }
.btn-outline:hover { background: var(--white); color: var(--orange); transform: translateY(-2px); }
.btn-outline-dark { background: transparent; color: var(--dark); border-color: var(--dark); }
.btn-outline-dark:hover { background: var(--dark); color: var(--white); }
.btn-lg { padding: 17px 36px; font-size: 16px; }



/* =============================================
   STATS SECTION
============================================= */


* =============================================
   /*WHY CHOOSE US*/
============================================= */
.why-section {
  padding: 80px 0;
}
.why-section {padding: 90px 0; background: var(--light-grey);}
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: self-start; }
.why-image-wrap { position: relative; }
.why-image-wrap img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); width: 100%; object-fit: cover; height: 520px; }
.why-badge { position: absolute; bottom: 30px; left: -30px; background: var(--orange); color: white; border-radius: var(--radius-lg); padding: 22px 26px; text-align: center; box-shadow: var(--shadow-lg); }
.why-badge-num { font-family: var(--font-heading); font-size: 42px; font-weight: 900; line-height: 1; }
.why-badge-text { font-size: 13px; font-weight: 600; opacity: 0.9; margin-top: 4px; }
.why-list { display: flex; flex-direction: column; gap: 22px; margin-top: 32px; }
.why-item { display: flex; gap: 18px; align-items: flex-start; }
.why-item-icon { width: 52px; height: 52px; background: var(--orange); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.why-item-icon i { color: white; font-size: 20px; }
.why-item-text h4 { font-family: var(--font-heading); font-size: 16px; font-weight: 700; margin-top: 0; color: var(--dark); margin-bottom: 5px; }
.why-item-text p { font-size: 14px; color: var(--grey); line-height: 1.7; margin-bottom: 0;}
/* =============================================
   HOW IT WORKS
============================================= */
.how-section { padding: 90px 0; background: var(--dark); }
.how-section p{color: rgba(255,255,255,0.55);}
.how-section .section-title { color: var(--white); }
.how-section .section-sub { color: rgba(255,255,255,0.6); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; }
.steps-grid::before { content: ''; position: absolute; top: 38px; left: calc(12.5% + 25px); right: calc(12.5% + 25px); height: 2px; background: linear-gradient(90deg, var(--orange), rgba(232,67,23,0.3)); z-index: 0; }
.step-card { text-align: center; position: relative; z-index: 1; }
.step-num { width: 76px; height: 76px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: 26px; font-weight: 900; color: white; margin: 0 auto 20px; border: 4px solid var(--dark); box-shadow: 0 0 0 3px var(--orange); }
.step-card h3 { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 10px; }
.step-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }


/* =============================================
   PEST TYPES (RESIDENTIAL/COMMERCIAL TABS)
============================================= */
.audience-section { padding: 75px 0; background: var(--dark); }
.audience-section .section-title { color: white; }
.audience-section .section-sub { color: rgba(255,255,255,0.6); }
.audience-tabs { display: flex; gap: 4px; background: rgba(255,255,255,0.06); border-radius: 10px; padding: 5px; width: fit-content; margin: 0 auto 40px;text-transform: capitalize;}
.audience-tab { font-family: var(--font-heading); font-size: 14px; font-weight: 700; padding: 11px 26px; border-radius: 7px; cursor: pointer; color: rgba(255,255,255,0.6); transition: var(--transition); border: none; background: transparent;text-transform: capitalize;}
.audience-tab.active { background: var(--orange); color: white; }
.audience-tab:hover {background: var(--orange); color: rgba(255,255,255,0.6);}
.audience-content {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}
.audience-content .audience-feature h4 {margin-top: 0;}
.audience-content .audience-feature p{margin-bottom: 10px;}
.audience-pane {display: none; }
.audience-pane.active { display: contents; }
.audience-img img { border-radius: var(--radius-lg); width: 100%; height: 400px; object-fit: cover; }
.audience-features { display: flex; flex-direction: column; gap: 18px; }
.audience-feature { display: flex; gap: 16px; align-items: flex-start; padding: 18px; background: rgba(255,255,255,0.05); border-radius: 10px; border-left: 3px solid var(--orange); }
.audience-feature i { color: var(--orange); font-size: 22px; margin-top: 2px; flex-shrink: 0; }
.audience-feature h4 { font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: white; margin-bottom: 5px; }
.audience-feature p { font-size: 13.5px; color: rgba(255,255,255,0.55); line-height: 1.6; }

/* =============================================
   FAQ
============================================= */
.faq-section { padding: 90px 0; background-image: url(/wp-content/uploads/2026/04/hero-home-1.png); background-size: cover; background-position: center; position: relative;}
.faq-section::after{content: "";width: 100%;height: 100%;background: rgba(255,255,255,0.8);position: absolute;top:0;left: 0;}
.faq-section .container{position: relative;z-index: 1;}
.faq-grid { display: flex; flex-direction: column; gap: 14px; max-width: 820px; margin: 0 auto; }
.faq-item { background: var(--white); border-radius: var(--radius); border: 1px solid var(--mid-grey); overflow: hidden; transition: var(--transition); }
.faq-item.open { border-color: rgba(232,67,23,0.3); box-shadow: 0 4px 20px rgba(232,67,23,0.08); }
.faq-question { padding: 20px 26px; font-family: var(--font-heading); font-size: 15.5px; font-weight: 700; color: var(--dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.faq-item.open .faq-question { color: var(--orange); }
.faq-question i { color: var(--orange); font-size: 14px; transition: var(--transition); flex-shrink: 0; background: rgba(232,67,23,0.08); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.faq-item.open .faq-question i { transform: rotate(45deg); background: var(--orange); color: white; }
.faq-answer { padding: 0 26px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; }
.faq-item.open .faq-answer { max-height: 300px; padding: 0 26px 22px; }
.faq-answer p { font-size: 15px; color: var(--grey); line-height: 1.8; border-top: 1px solid var(--mid-grey); padding-top: 16px; }
.faq-answer {height: auto !important; min-height: unset !important; overflow: visible;}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.4s ease;}
.faq-item {height: auto !important; min-height: 0 !important;}

/* =============================================
   OFFER BANNER
============================================= */
.offer-section { padding: 70px 0; background: linear-gradient(135deg, var(--dark) 0%, #2b1208 100%); position: relative; overflow: hidden; }
.offer-section::before { content: ''; position: absolute; top: -60px; right: -60px; width: 280px; height: 280px; background: rgba(232,67,23,0.1); border-radius: 50%; }
.offer-section::after { content: ''; position: absolute; bottom: -40px; left: -40px; width: 180px; height: 180px; background: rgba(232,67,23,0.08); border-radius: 50%; }
.offer-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 0; position: relative; z-index: 1; }
.offer-text h2 { font-family: var(--font-heading); font-size: clamp(24px, 4vw, 42px); font-weight: 900; color: white; margin-bottom: 12px; }
.offer-text h2 span { color: var(--orange); }
.offer-text p { color: rgba(255,255,255,0.65); font-size: 17px; max-width: 600px; margin: 0 auto; line-height: 1.7; }
.offer-actions { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }
#solutions .section-header .section-tag, #how .container .section-header .section-tag {background: rgba(232,67,23,0.2);}

/* =============================================
   ABOUT SECTION
============================================= */
.about-section { padding: 90px 0; background: var(--white); }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: self-start; }
.about-image { position: relative; }
.about-image img { border-radius: var(--radius-lg); width: 100%; object-fit: cover; height: 480px; }
.about-cert-row { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; }
.cert-badge { background: var(--light-grey); border: 1px solid var(--mid-grey); border-radius: var(--radius); padding: 12px 18px; display: flex; align-items: center; gap: 8px; font-family: var(--font-heading); font-size: 13px; font-weight: 700; color: var(--dark); }
.cert-badge i { color: var(--orange); }
.about-checklist { display: flex; flex-direction: column; gap: 14px; margin: 24px 0 32px; }
.about-check { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--dark); line-height:normal;}
.about-check i { color: var(--orange); font-size: 17px; margin-top: 2px; flex-shrink: 0; }


/* =============================================
   CONTACT
============================================= */
.contact-section { padding: 90px 0; background: var(--light-grey); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 50px; }
.contact-info h3 { font-family: var(--font-heading); font-size: 22px; font-weight: 800; color: var(--dark); margin-bottom: 8px; }
.contact-info p { color: var(--grey); font-size: 15px; margin-bottom: 30px; line-height: 1.7; }
.contact-details { display: flex; flex-direction: column; gap: 18px; margin-bottom: 32px; }
.contact-detail { display: flex; gap: 16px; align-items: flex-start; }
.contact-detail-icon { width: 48px; height: 48px; background: var(--orange); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-detail-icon i { color: white; font-size: 18px; }
.contact-detail-text strong { display: block; font-family: var(--font-heading); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--grey); margin-bottom: 3px; }
.contact-detail-text a, .contact-detail-text span { font-size: 16px; font-weight: 600; color: var(--dark); }
.contact-detail-text a:hover { color: var(--orange); }
.contact-form { background: var(--white); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow); }
.contact-form h3 { font-family: var(--font-heading); font-size: 20px; font-weight: 800; color: var(--dark); margin-bottom: 6px; }
.contact-form p { color: var(--grey); font-size: 14px; margin-bottom: 0;}
.margin-bottom_p {padding-bottom: 24px;}
.contact-form .wpcf7-response-output {margin-top: 0 !important; text-align: center;}
.form-group.sumit-button p, .form-group.sumit-button {margin-bottom: 0;}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-group { margin-bottom: 14px; }
.form-group label { display: block; font-family: var(--font-heading); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--grey); margin-bottom: 6px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 13px 16px; border: 1.5px solid var(--mid-grey); border-radius: 6px; font-size: 14.5px; font-family: var(--font-body); color: var(--dark); outline: none; transition: var(--transition); background: var(--white); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(232,67,23,0.08); }
.form-group textarea {resize: vertical; min-height: 110px; height: 110px;}
.form-submit { width: 100%; justify-content: center; padding: 16px; font-size: 16px; }
.form-group p br {display: none;}
.page-template-template-contact .textwidget .contact-section{display: none;}

/* =============================================
   FOOTER
============================================= */
.footer { background: var(--dark); color: rgba(255,255,255,0.7); }
.footer-top { padding: 70px 0 50px; }
#menu-services li a, #menu-company li a {width: fit-content;}
#menu-services li a, #menu-company li a{background: url(/wp-content/uploads/2026/05/chevrons.png) no-repeat left center;background-size: 15px; padding-left: 20px; background-position: 0px 3px;}
body .widgets.widgets-4 { display: grid; grid-template-columns: 2fr 2fr 1fr 1fr; gap: 40px;}
#menu-services li {width: 50%; float: left;}
.site-footer .widgets.widgets-4 .widget {width: 100%;}
.footer-brand img { height: 52px; margin-bottom: 16px; filter: brightness(0) invert(1); width: 38%;}
.footer-brand p {font-size: 14px; line-height: 1.75; margin-bottom: 22px;color: rgba(255,255,255,0.7);}
.footer-social {display: flex; gap: 7px; }
.footer-social a {width: 38px; height: 38px; background: rgba(255,255,255,0.07); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); font-size: 15px; transition: var(--transition); }
.footer-social a:hover{background: var(--orange); color: white; }
.footer-col .btn.btn-primary{max-width: max-content;color: var(--white);}
body .site-footer .widgets .widget .btn.btn-primary {color: var(--white);max-width: max-content;}
.site-footer .site-info .copy-right-bottom{display: none;}
.site-footer .site-info span::after{display: none;}
.site-footer .widgets .widget a {color: #fff; font-size: 14px; color: rgba(255,255,255,0.6); transition: var(--transition); display: flex; align-items: center; gap: 6px;}
.footer-social a i:hover, .footer-social a:hover{color: #fff;}
.site-footer .widgets .widget .widget-title {font-family: var(--font-heading); font-size: 14px; font-weight: 800; color: white; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--orange); display: inline-block;}

.site-footer .widgets .widget a:hover {color: #b4b5b8;color: var(--orange);}
.site-footer .widgets .widget .footer-social a:hover{color: #fff;}
.site-footer .corp-container {max-width: 1618px; padding: 0 20px;}
.site-footer .widgets {padding: 70px 0;width: 100%;padding: 70px 0 45px;}
.site-footer .widgets::after{display: none;}
.footer-contact-item { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 14px; font-size: 14px; }
.footer-contact-item i { color: var(--orange); margin-top: 3px; font-size: 14px; flex-shrink: 0; }
.footer-contact-item a { color: rgba(255,255,255,0.7); transition: var(--transition); }
.footer-contact-item a:hover { color: var(--orange); }
.bottom-bar { border-top: 1px solid rgba(255,255,255,0.08); padding: 22px 0; }
.footer-bottom .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.footer-bottom-text { font-size: 13px; }
.site-footer .bottom-bar .corp-container .site-info{display: flex;justify-content: space-between;}
.footer-bottom-links {display: flex; gap: 20px;justify-content: end;}
.site-footer .bottom-bar .corp-container span {width: 100%; text-align: left;}
.footer-bottom-links a { font-size: 13px; color: rgba(255,255,255,0.5); transition: var(--transition); }
.footer-bottom-links a:hover { color: var(--orange); }
.site-footer .widget ul li, .widget-area .widget ul li {line-height: normal;}
.site-footer .menu li {margin-bottom: 12px;}
.widget_nav_menu .widget-title {margin-left: 4px !important;}

/* =============================================
   TESTIMONIALS
============================================= */
.reviews-section {padding: 90px 0; background: var(--white); }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.review-card { background: var(--light-grey); border-radius: var(--radius-lg); padding: 32px 28px; position: relative; border: 1px solid var(--mid-grey); transition: var(--transition); }
.review-card:hover { box-shadow: var(--shadow-lg); border-color: rgba(232,67,23,0.2); transform: translateY(-4px); }
.review-stars { display: flex; gap: 3px; margin-bottom: 16px; }
.review-stars i { color: #FFB800; font-size: 16px; }
.review-text { font-size: 15px; color: var(--grey); line-height: 1.75; margin-bottom: 22px; font-style: italic; }
.review-author { display: flex; align-items: center; gap: 14px; }
.review-avatar { width: 48px; height: 48px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; color: white; flex-shrink: 0; }
.review-name { font-family: var(--font-heading); font-weight: 700; font-size: 15px; color: var(--dark); }
.review-meta { font-size: 12.5px; color: var(--grey); margin-top: 2px; }
.review-google { position: absolute; top: 24px; right: 24px; }
.review-google i { color: #4285F4; font-size: 22px; }
.reviews-summary { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 40px; padding: 20px 30px; background: var(--light-grey); border-radius: var(--radius-lg); border: 1px solid var(--mid-grey); width: fit-content; margin-left: auto; margin-right: auto; }
.reviews-summary-score { font-family: var(--font-heading); font-size: 48px; font-weight: 900; color: var(--dark); line-height: 1; }
.reviews-summary-detail small { display: block; color: var(--grey); font-size: 13px; margin-top: 4px; }

/* =============================================
   SERVICE AREAS
============================================= */
.areas-section { padding: 90px 0; background: var(--light-grey); }
.areas-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: self-start; }
.areas-map { background: var(--mid-grey); border-radius: var(--radius-lg); overflow: hidden; height: 420px; position: relative; }
.areas-map iframe { width: 100%; height: 100%; border: none; }
.areas-list-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.area-tag { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--dark); font-weight: 500; padding: 10px 14px; background: var(--white); border-radius: 6px; border: 1px solid var(--mid-grey); }
.area-tag i { color: var(--orange); font-size: 12px; }



/* =============================================
   BLOG
============================================= */
.blog-section { padding: 90px 0; background: var(--white); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.blog-card { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--mid-grey); transition: var(--transition); }
.blog-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.blog-img { height: 200px; background: var(--mid-grey); overflow: hidden; position: relative; }
.blog-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.blog-card:hover .blog-img img { transform: scale(1.05); }
.blog-cat { position: absolute; top: 14px; left: 14px; background: var(--orange); color: white; font-family: var(--font-heading); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; }
.blog-body { padding: 24px; }
.blog-meta { font-size: 12.5px; color: var(--grey); margin-bottom: 10px; display: flex; gap: 12px; }
.blog-meta i { color: var(--orange); }
.blog-body h3 { font-family: var(--font-heading); font-size: 18px; margin-top: 10px; font-weight: 700; color: var(--dark); margin-bottom: 10px; line-height: 1.4; }
.blog-body p { font-size: 13.5px; color: var(--grey); line-height: 1.65; margin-bottom: 16px; }
.blog-body a { color: var(--orange); font-size: 13px; font-weight: 700; font-family: var(--font-heading); display: flex; align-items: center; gap: 5px; }
.blog-body a i {margin-top: 1px;}
.post-sidebar .sidebar-card {background: var(--light-grey); border-left: 4px solid var(--orange); padding: 25px; border-radius: var(--radius); margin-bottom: 30px; position: sticky; top: 100px;}
.post-sidebar .sidebar-card ul li a {color: var(--orange)!important; text-decoration: none; font-size: 14px; transition: color 0.3s;}
.post-sidebar .sidebar-card ul li a:hover {color: var(--orange-dark)!important;}
.post-sidebar .sidebar-card ul li {margin-bottom: 12px;}
body .post-sidebar {padding-top: 90px; padding-right: 20px;}
.post-sidebar.post-sidebar-padding{padding-top: 0;}

/* ============ ABOUT STORY ============ */
.story-section{padding:90px 0;background:var(--white)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;}
.story-image{position:relative}
.story-image img{border-radius:var(--radius-lg);width:100%;height:520px;object-fit:cover;box-shadow:var(--shadow-lg)}
.story-float-badge{position:absolute;top:41%;right:-24px;background:var(--orange);color:white;border-radius:var(--radius-lg);padding:22px 26px;text-align:center;box-shadow:var(--shadow-lg)}
.story-float-badge .num{font-family:var(--font-heading);font-size:42px;font-weight:900;line-height:1}
.story-float-badge .lbl{font-size:12px;font-weight:600;opacity:0.9;margin-top:4px}
.story-content p{font-size:16px;color:var(--grey);line-height:1.85;margin-bottom:20px}
.story-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}
.value-card{background:var(--light-grey);border-radius:var(--radius);padding:20px;border-left:3px solid var(--orange)}
.value-card h4{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--dark);margin-bottom:6px;display:flex;align-items:center;gap:8px;margin-top: 0px;}
.value-card h4 i{color:var(--orange)}
.value-card p{font-size:13px;color:var(--grey);line-height:1.6;margin-bottom: 0;}

/* ============ MISSION ============ */
.mission-section{padding:80px 0;background:var(--dark)}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.mission-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:36px 30px;text-align:center;transition:var(--transition)}
.mission-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(232,67,23,0.3);transform:translateY(-4px)}
.mission-icon{width:72px;height:72px;background:rgba(232,67,23,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.mission-icon i{font-size:28px;color:var(--orange)}
.mission-card h3{font-family:var(--font-heading);font-size:18px;font-weight:800;color:white;margin-bottom:12px}
.mission-card p{font-size:14.5px;color:rgba(255,255,255,0.6);line-height:1.75}

/* ============ TEAM ============ */
.team-section{padding:90px 0;background:var(--light-grey)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.team-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);text-align:center}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.team-photo{height:260px;background:var(--mid-grey);overflow:hidden;position:relative}
.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.team-card:hover .team-photo img{transform:scale(1.05)}
.team-photo-placeholder {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: url('Images/Team.webp') no-repeat center center; background-size: cover;}

/*.team-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2b2b2b,#1a1a1a)}*/
.team-photo-placeholder i{font-size:64px;color:rgba(255,255,255,0.15)}
.team-body{padding:22px}
.team-body h3{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--dark);margin-bottom:4px;margin-top: 0px;}
.team-body .role{font-size:13px;color:var(--orange);font-weight:700;font-family:var(--font-heading);letter-spacing:0.5px;margin-bottom:12px;display:block}
.team-body p{font-size:13.5px;color:var(--grey);line-height:1.6}

/* ============ CERTIFICATIONS ============ */
.certs-section{padding:70px 0;background:var(--white)}
.certs-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
.certs-text p{font-size:16px;color:var(--grey);line-height:1.8;margin-top:14px}
.certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cert-item{background:var(--light-grey);border:1px solid var(--mid-grey);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;transition:var(--transition)}
.cert-item:hover{border-color:rgba(232,67,23,0.3);box-shadow:var(--shadow)}
.cert-item i{font-size:36px;color:var(--orange);margin-bottom:12px;display:block}
.cert-item h4{font-family:var(--font-heading);font-size:14px;font-weight:800;color:var(--dark);margin-bottom:6px;margin-top: 0px;}
.cert-item p{font-size:12.5px;color:var(--grey);line-height:1.5}

/* ============ STATS ============ */
.stats-section{padding:70px 0;background:var(--orange)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stat-item{text-align:center;color:white}
.stat-num{font-family:var(--font-heading);font-size:clamp(36px,5vw,54px);font-weight:900;line-height:1;margin-bottom:8px}
.stat-label{font-size:14px;opacity:0.85;font-weight:600;letter-spacing:0.5px}
.stats-grid-about {grid-template-columns: repeat(3,1fr);}
.page-template-page-about .stats-grid-about {grid-template-columns: repeat(4,1fr);}

/* ============ TESTIMONIALS ============ */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.review-card{background:var(--white);border-radius:var(--radius-lg);padding:32px 28px;position:relative;border:1px solid var(--mid-grey);transition:var(--transition)}
.review-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(232,67,23,0.2);transform:translateY(-4px)}
.review-stars{display:flex;gap:3px;margin-bottom:16px}
.review-stars i{color:#FFB800;font-size:16px}
.review-text{font-size:15px;color:var(--grey);line-height:1.75;margin-bottom:22px;font-style:italic}
.review-author{display:flex;align-items:center;gap:14px}
.review-avatar{width:48px;height:48px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:18px;color:white;flex-shrink:0}
.review-name{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--dark)}
.review-meta{font-size:12.5px;color:var(--grey);margin-top:2px}
.review-google{position:absolute;top:24px;right:24px}
.review-google i{color:#4285F4;font-size:22px}

/* =============================================
   CTA BANNER (used across all inner pages)
============================================= */
.cta-section,.cta-banner,.offer-section{padding:80px 0;background:linear-gradient(135deg,var(--dark) 0%,#2b1208 100%);position:relative;overflow:hidden;text-align:center}
.cta-section::before,.cta-banner::before,.offer-section::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:rgba(232,67,23,0.1);border-radius:50%}
.cta-section::after,.cta-banner::after,.offer-section::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;background:rgba(232,67,23,0.08);border-radius:50%}
.cta-inner,.cta-banner-inner,.offer-inner{position:relative;z-index:1}
.cta-inner h2,.cta-banner-inner h2,.offer-inner h2,.cta-inner h3,.cta-banner-inner h3{font-family:var(--font-heading);font-size:clamp(24px,4vw,42px);font-weight:900;color:white;margin-bottom:14px}
.cta-inner h2 span,.cta-banner-inner h2 span,.offer-inner h2 span{color:var(--orange)}
.cta-inner p,.cta-banner-inner p,.offer-inner p{color:rgba(255,255,255,0.65);font-size:17px;max-width:580px;margin:0 auto 32px;line-height:1.7}
.cta-btns,.cta-banner-buttons,.offer-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,67,23,0.2);border:1px solid rgba(232,67,23,0.4);color:var(--orange);font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}


/* =============================================
   SERVICE CATEGORY NAV
============================================= */
.service-cats-nav { background: var(--white); padding: 16px 0; padding-top: 40px; position: sticky; top: 80px; z-index: 99; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.service-cats-nav .container { display: flex; justify-content: center; gap: 12px;}
.service-cat-btn { font-family: var(--font-heading); font-size: 13px; font-weight: 700; padding: 10px 24px; border-radius: 30px; border: 2px solid var(--mid-grey); color: var(--grey)!important; background: white; cursor: pointer; transition: var(--transition); letter-spacing: 0.3px; }
.service-cat-btn:hover { border-color: var(--orange); color: var(--orange); background: rgba(232,67,23,0.06); }
.service-cat-btn.active { border-color: var(--orange); color: var(--white)!important; background: var(--orange); }

/* =============================================
   SERVICES GRID
============================================= */
.services-section { padding: 90px 0; background: var(--white); }
.service-card { background: var(--white); border: 1px solid var(--mid-grey); border-radius: var(--radius-lg); padding: 32px 24px; text-align: center; transition: var(--transition); cursor: pointer; position: relative; overflow: hidden; }
.service-card::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--orange); transform: scaleX(0); transition: var(--transition); transform-origin: left; }
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: transparent; }
.service-card:hover::before { transform: scaleX(1); }
.service-icon { width: 72px; height: 72px; background: rgba(232,67,23,0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; transition: var(--transition); }
.service-card:hover .service-icon { background: var(--orange); }
.service-icon i { font-size: 28px; color: var(--orange); transition: var(--transition); }
.service-card:hover .service-icon i { color: var(--white); }
.service-card h3 { font-family: var(--font-heading); font-weight: 700; font-size: 15.5px; color: var(--dark); margin-bottom: 8px; }
.service-card p { font-size: 13.5px; color: var(--grey); line-height: 1.6; margin-bottom: 14px; }
.service-card a { color: var(--orange); font-size: 13px; font-weight: 700; font-family: var(--font-heading); display: flex; align-items: center; justify-content: center; gap: 5px; transition: var(--transition); }
.service-card a:hover { gap: 8px; }
.services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; text-align: center;}

/* Premium Card (3-col) */
.service-card-premium { grid-column: span 1; }
.service-card-premium { align-items: center; gap: 28px; padding: 40px; background: var(--white); border: 1px solid var(--mid-grey); border-radius: var(--radius-lg); transition: var(--transition); }
.service-card-premium:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.service-card-premium-icon { width: 80px; height: 80px; background: rgba(232,67,23,0.08); margin: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--transition); }
.service-card-premium:hover .service-card-premium-icon { background: var(--orange); }
.service-card-premium-icon i { font-size: 32px; color: var(--orange); transition: var(--transition); }
.service-card-premium:hover .service-card-premium-icon i { color: white; }
.service-card-premium-text h3 { font-family: var(--font-heading); font-size: 17px; font-weight: 800; color: var(--dark); margin-bottom: 8px; }
.service-card-premium-text p { font-size: 14px; color: var(--grey); line-height: 1.6; margin-bottom: 12px; }
.service-card-premium-text a { color: var(--orange); font-weight: 700; font-family: var(--font-heading); font-size: 13px; display: inline-flex; gap: 5px; align-items: center; transition: var(--transition); }
.service-card-premium-text a:hover { gap: 8px; }

/* =============================================
   HOW IT WORKS
============================================= */
.how-section { padding: 90px 0; background: var(--dark); }
.how-section .section-title { color: var(--white); }
.how-section .section-sub { color: rgba(255,255,255,0.6); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; }
.steps-grid::before { content: ''; position: absolute; top: 38px; left: calc(12.5% + 25px); right: calc(12.5% + 25px); height: 2px; background: linear-gradient(90deg, var(--orange), rgba(232,67,23,0.3)); z-index: 0; }
.step-card { text-align: center; position: relative; z-index: 1; }
.step-num { width: 76px; height: 76px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: 26px; font-weight: 900; color: white; margin: 0 auto 20px; border: 4px solid var(--dark); box-shadow: 0 0 0 3px var(--orange); }
.step-card h3 { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 10px; }
.step-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }

/* =============================================
   PRICING BANNER
============================================= */
.pricing-banner { background: var(--orange); padding: 50px 30px; text-align: center; }
.pricing-banner h2 { font-family: var(--font-heading); font-size: clamp(20px, 4vw, 32px); font-weight: 900; color: var(--white); margin-bottom: 16px; }
.pricing-banner p { color: rgba(255,255,255,0.9); font-size: 16px; max-width: 600px; margin: 0 auto 28px; line-height: 1.7; }
.pricing-banner .btn { margin: 0 auto; }
.btn.btn-primary.form-submit {background: var(--orange) url(/wp-content/uploads/2026/05/paper-plane.png) no-repeat center left;color: var(--white);border-color: var(--orange);font-family: var(--font-heading);
    font-weight: 700;font-size: 14px;padding: 14px 28px;border-radius: 6px;border: 2px solid transparent;transition: var(--transition);
letter-spacing: 0.5px;text-transform: capitalize;background-position: 35% center;background-size: 1.3rem;}

/* =============================================
   WHY CHOOSE US
============================================= */
.why-section { padding: 90px 0; background: var(--light-grey); }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: self-start; }
.why-image-wrap { position: relative; }
.why-image-wrap img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); width: 100%; object-fit: cover; height: 480px; }
.why-list { display: flex; flex-direction: column; gap: 22px; margin-top: 0; }
.why-item { display: flex; gap: 18px; align-items: flex-start; }
.why-item-icon { width: 52px; height: 52px; background: var(--orange); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.why-item-icon i { color: white; font-size: 20px; }
.why-item-text h4 { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--dark); margin-bottom: 5px; }
.why-item-text p { font-size: 14px; color: var(--grey); line-height: 1.7; }

/* =============================================
   TESTIMONIALS
============================================= */
.reviews-section { padding: 90px 0; background: var(--white); }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.review-card { background: var(--light-grey); border-radius: var(--radius-lg); padding: 32px 28px; position: relative; border: 1px solid var(--mid-grey); transition: var(--transition); }
.review-card:hover { box-shadow: var(--shadow-lg); border-color: rgba(232,67,23,0.2); transform: translateY(-4px); }
.review-stars { display: flex; gap: 3px; margin-bottom: 16px; }
.review-stars i { color: #FFB800; font-size: 16px; }
.review-text { font-size: 15px; color: var(--grey); line-height: 1.75; margin-bottom: 22px; font-style: italic; }
.review-author { display: flex; align-items: center; gap: 14px; }
.review-avatar { width: 48px; height: 48px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; color: white; flex-shrink: 0; }
.review-name { font-family: var(--font-heading); font-weight: 700; font-size: 15px; color: var(--dark); }
.review-meta { font-size: 12.5px; color: var(--grey); margin-top: 2px; }
/* =============================================
   INNER PAGE HERO (alias for .page-hero)
============================================= */
.hero{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#2b1208 100%);padding:70px 0;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:url('/wp-content/uploads/2026/04/hero-home-1.png');background-size:cover;background-position:center;opacity:0.12}
.hero::after{content:'';position:absolute;inset:0;}
.hero .container{position:relative;z-index:2}
.hero-bg,.hero-overlay{display:none}
.hero-title{font-family:var(--font-heading);font-size:clamp(32px, 5vw, 58px);font-weight:900;color:white;margin-bottom:14px;line-height:1.1}
.hero-title span{color:var(--orange)}
.hero-sub{font-size:17px;color:rgba(255,255,255,0.7);max-width:560px;line-height:1.75;margin-bottom:22px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2rem;}
.hero-content{position:relative;z-index:2}
.trust-badges{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;}
.trust-badge-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.75);font-size:13.5px;font-weight:500}
.trust-badge-item i{color:var(--orange);font-size:14px}

/* =============================================
   CTA BANNER (used across all inner pages)
============================================= */
.cta-section,.cta-banner,.offer-section{padding:80px 0;background:linear-gradient(135deg,var(--dark) 0%,#2b1208 100%);position:relative;overflow:hidden;text-align:center}
.cta-section::before,.cta-banner::before,.offer-section::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:rgba(232,67,23,0.1);border-radius:50%}
.cta-section::after,.cta-banner::after,.offer-section::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;background:rgba(232,67,23,0.08);border-radius:50%}
.cta-inner,.cta-banner-inner,.offer-inner{position:relative;z-index:1}
.cta-inner h2,.cta-banner-inner h2,.offer-inner h2,.cta-inner h3,.cta-banner-inner h3{font-family:var(--font-heading);font-size:clamp(24px,4vw,42px);font-weight:900;color:white;margin-bottom:14px}
.cta-inner h2 span,.cta-banner-inner h2 span,.offer-inner h2 span{color:var(--orange)}
.cta-inner p,.cta-banner-inner p,.offer-inner p{color:rgba(255,255,255,0.65);font-size:17px;max-width:580px;margin:0 auto 32px;line-height:1.7}
.cta-btns,.cta-banner-buttons,.offer-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,67,23,0.2);border:1px solid rgba(232,67,23,0.4);color:var(--orange);font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}

.blog-posts {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.white-bg {background: var(--white);}
.light-grey-bg {background: var(--light-grey);}
.dark-bg {background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);color: var(--white);}

/* Featured Post */
.featured-post {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;margin-bottom: 80px;}
.featured-image {width: 100%;height: 400px;background: linear-gradient(135deg, #ddd 0%, #eee 100%);border-radius: var(--radius-lg);overflow: hidden;}
.featured-image img {width: 100%;height: 100%;object-fit: cover;}
.featured-content h3 {font-size: 24px;margin: 0; margin-bottom: 15px; line-height: 1.1;}
.featured-content p {margin-bottom: 25px;line-height: 1.8;}
.category-pill {display: inline-block;background: var(--orange);color: var(--white);padding: 6px 14px;border-radius: 20px;font-size: 12px;
font-weight: 600;text-transform: uppercase;margin-bottom: 15px;}
.post-meta {font-size: 13px;color: var(--grey);margin-bottom: 15px;}

/* Blog Grid */
.blog-grid {display: grid;grid-template-columns: repeat(3, 1fr); gap: 40px;margin-top: 50px;}
.blog-card {background: var(--white);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);transition: all 0.3s;}
.blog-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);}
.blog-card-image {width: 100%;height: 270px;background: linear-gradient(135deg, #ddd 0%, #eee 100%);position: relative;overflow: hidden;}
.blog-card-image img {width: 100%;height: 100%;object-fit: cover;}
.blog-card-category {position: absolute;top: 15px;left: 15px;background: var(--orange);color: var(--white);padding: 5px 12px;border-radius: 20px;
font-size: 11px;font-weight: 700;text-transform: uppercase;}
.blog-card-content {padding: 25px; text-align: left;}
.blog-card-meta {font-size: 12px;color: var(--grey);margin-bottom: 12px;}
.blog-card h4 a{font-family: var(--font-heading);font-size: 18px;font-weight: 700;margin-bottom: 12px;color: var(--dark);line-height: 1.4;}
.blog-card h4 {line-height: normal; margin-top: 15px; margin-bottom: 9px;}
.blog-card p {font-size: 14px; padding-bottom: 15px; line-height: 1.7; color: var(--grey);}
.blog-card a {color: var(--orange);text-decoration: none;font-weight: 600;font-size: 14px;transition: color 0.3s;}
.blog-card a:hover {color: var(--orange-dark);}
.featured-content h3 a:hover {color: var(--orange);}
.services-section.services-section-bg {background: var(--light-grey);}
.page-id-2026 .entry-thumbnail {display: none;}
.entry-header {display: none;}
.page-id-2026 .hero-card {display: none;}
.page-id-2026 .hero .container {display: inherit;}
.page-id-2026 .hero-title span {display: inline-block;}
.category-btn {background: var(--light-grey); color: var(--dark); padding: 8px 20px; text-transform: capitalize; border-radius: 25px; border: none; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.3s;}
.category-pill-btn:hover, .category-pill-btn.active, .category-btn.active {background: var(--orange); color: var(--white);}
.category-btn:hover {background: var(--orange);}
.blog-grid-header {text-align: left;}
.blog-grid-header h2 span {color: var(--orange);}
.featured-post .featured-content .btn-primary {background: var(--orange)!important; color: #fff; padding: 10px 28px; line-height: normal; margin-top: 20px; display: inline-block;}
.featured-post .featured-content .btn-primary:hover {background: var(--black)!important; color: #fff!important;}
.blog-grid-header h2 {font-family: var(--font-heading); font-size: 42px; font-weight: 800; margin-bottom: 30px; line-height: 1.2; margin-top: 0;}

/*=====Categories====*/
.categories-bar {background: var(--white);padding: 30px 0;margin-bottom: 0;text-align: center;}
.category-pills {display: flex;gap: 12px;flex-wrap: wrap;justify-content: center; margin-bottom: 30px;}
.category-pill-btn {background: var(--light-grey);color: var(--dark);padding: 8px 20px;border-radius: 25px;border: none;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.3s;}
.category-pill-btn:hover,
.category-pill-btn.active {background: var(--orange);color: var(--white);}
.category-pill a {
  color: #fff !important;
}
.contact-detail-icon .fas.fa-phone::before {
   display: inline-block;
}
.top-bar .fa-phone::before, .site-header .fa-phone::before {
  display: block !important;
  content: "\f095";
}
/*=====Newsletter CTA=====*/
.newsletter-cta {background: var(--orange);color: var(--white);padding: 60px 0;text-align: center;}
.newsletter-cta h3 {color: var(--white);font-size: 28px;margin-bottom: 15px;}
.newsletter-cta p {color: rgba(255,255,255,0.9);font-size: 16px;margin-bottom: 30px;max-width: 500px;margin-left: auto;margin-right: auto;}
.newsletter-form {display: flex;gap: 10px;max-width: 450px;margin: 0 auto;}
.newsletter-form input {flex: 1;padding: 12px 18px;border: none;border-radius: var(--radius);font-family: var(--font-body);font-size: 14px;}
.newsletter-form button {padding: 12px 28px;background: var(--dark);color: var(--white);border: none;border-radius: var(--radius);font-weight: 600;
font-size: 14px;cursor: pointer;transition: background 0.3s;}
.newsletter-form button:hover {background: var(--dark2);}
.category-btn:last-child {display: none;}


/* =============================================
   HOW IT WORKS
============================================= */
.how-section { padding: 90px 0; background: var(--dark); }
.how-section .section-title { color: var(--white); }
.how-section .section-sub { color: rgba(255,255,255,0.6); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; }
.steps-grid::before { content: ''; position: absolute; top: 38px; left: calc(12.5% + 25px); right: calc(12.5% + 25px); height: 2px; background: linear-gradient(90deg, var(--orange), rgba(232,67,23,0.3)); z-index: 0; }
.step-card { text-align: center; position: relative; z-index: 1; }
.step-num { width: 76px; height: 76px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: 26px; font-weight: 900; color: white; margin: 0 auto 20px; border: 4px solid var(--dark); box-shadow: 0 0 0 3px var(--orange); }
.step-card h3 { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 10px; }
.sidebar-card img {border-radius: 10px;width: 100%;height: 100%;}
.step-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }

/* =============================================
   SERVICE AREAS
============================================= */
.areas-section { padding: 90px 0; background: var(--light-grey); }
.service-areas .areas-content { display: inline-block; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.areas-map { background: var(--mid-grey); border-radius: var(--radius-lg); overflow: hidden; height: 420px; position: relative; }
.areas-map iframe { width: 100%; height: 100%; border: none; }
.areas-list-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.area-tag { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--dark); font-weight: 500; padding: 10px 14px; background: var(--white); border-radius: 6px; border: 1px solid var(--mid-grey); }
.area-tag i { color: var(--orange); font-size: 12px; }
.white-bg {background: var(--white);}
.light-grey-bg {background: var(--light-grey);text-align: center;}
.dark-bg {background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);color: var(--white);}

/*=====Service Overview======*/
.service-overview {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: start;}
.overview-content p {margin-bottom: 20px;}
.checklist {list-style: none;margin: 40px 0;}
.checklist li {display: flex;align-items: center;gap: 15px;margin-bottom: 15px;font-size: 15px;color: var(--dark);}
.checklist i {color: var(--orange);font-size: 18px;}
.sidebar-card {position: sticky;top: 100px;}
.sidebar-card h4 {font-family: var(--font-heading);font-size: 18px;font-weight: 700;margin-bottom: 20px;}
.form-group {margin-bottom: 18px;}
.service-cat-btn {color: #000; transition: 0.3s ease;}
.service-cat-btn.active {background: var(--orange);  color: #fff;}
.page-template-template-contact .contact-why-bar .why-grid .why-item p {margin-bottom: 0;}
.page-template-template-contact .contact-why-bar .why-grid .why-item h3 {margin-top: 0;}
.page-template-template-contact .hero-card {display: none;}
.page-template-template-contact .hero, .privacy-policy .hero {min-height: 454px;}
.page-template-template-contact .hero-content {padding-top: 44px;}
.privacy-policy .hero-card {display: none;}
.privacy-policy .hero-content {padding-top: 90px;}


.form-group input, .form-group textarea {width: 100%;padding: 10px 12px;border: 1px solid var(--mid-grey);border-radius: var(--radius);font-family: var(--font-body);font-size: 14px;
transition: border-color 0.3s;}

.form-group input:focus,
.form-group textarea:focus {outline: none;border-color: var(--orange);}

/* Signs Grid */
.signs-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;margin-top: 50px;}
.sign-card {background: var(--white);padding: 30px;border-radius: var(--radius-lg);text-align: center;box-shadow: var(--shadow);transition: transform 0.3s, box-shadow 0.3s;}

.sign-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}
.sign-card .icon {width: 60px;height: 60px;background: var(--orange);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);
font-size: 24px;margin: 0 auto 20px;}
.sign-card h4 {font-family: var(--font-heading);font-size: 16px;font-weight: 700;margin-bottom: 12px;color: var(--dark);}
.sign-card p {font-size: 14px;margin: 0;}
.sign-card small {font-size: 15px; color: var(--orange) !important; font-family: var(--font-heading); font-weight: 500; margin-bottom: 12px !important;}

/* Process Section */
.process-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-top: 50px;}
.process-step {background: rgba(255,255,255,0.1);padding: 30px;border-radius: var(--radius-lg);border-left: 4px solid var(--orange);position: relative;}

.process-step::before {content: attr(data-step);position: absolute;top: -15px;left: 20px;background: var(--orange);color: var(--white);width: 40px;
height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 18px;
font-family: var(--font-heading);}
.process-step h4 {font-family: var(--font-heading);font-size: 18px;font-weight: 700;margin-bottom: 12px;margin-top: 15px;}
.process-step p {font-size: 14px;margin: 0;}

/* Why Choose Us */
.why-choose-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-top: 50px;}

.why-card {background: var(--white);padding: 30px;border-radius: var(--radius-lg);border: 2px solid var(--mid-grey);display: flex;flex-direction: column;
align-items: center;text-align: center;transition: all 0.3s;}
.why-card:hover {border-color: var(--orange);box-shadow: var(--shadow);}
.why-card i {font-size: 40px;color: var(--orange);margin-bottom: 20px;}
.why-card h4 {font-family: var(--font-heading);font-size: 16px;font-weight: 700;margin-bottom: 12px;}
.why-card p {font-size: 14px;margin: 0;}

/* =============================================
   FAQ
============================================= */

       
/* Related Services */
.white-bg .related-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 30px;margin-top: 50px;}
.white-bg .related-card {background: var(--white);padding: 25px;border-radius: var(--radius-lg);box-shadow: var(--shadow);text-align: center;transition: all 0.3s;}

.white-bg .related-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}
.white-bg .related-card i {font-size: 36px;color: var(--orange);margin-bottom: 15px;}
.white-bg .related-card h4 {font-family: var(--font-heading);font-size: 16px;font-weight: 700;margin-bottom: 10px;}\


/* =============================================
   INNER PAGE HERO (alias for .page-hero)
============================================= */
.hero{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#2b1208 100%);padding:70px 0;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:url('images/Bugs-Patrol14.webp');background-size:cover;background-position:center;opacity:0.12}
.hero::after{content:'';position:absolute;inset:0;}
.hero .container{position:relative;z-index:2}
.hero-bg,.hero-overlay{display:none}
.hero-title{font-family:var(--font-heading);font-size:clamp(30px,4vw,52px);font-weight:900;color:white;margin-bottom:14px;line-height:1.1}
.hero-title span{color:var(--orange)}
.hero-sub{font-size:17px;color:rgba(255,255,255,0.7);max-width:560px;line-height:1.75;margin-bottom:22px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.hero-content{position:relative;z-index:2}
.trust-badges{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
.trust-badge-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.75);font-size:13.5px;font-weight:500}
.trust-badge-item i{color:var(--orange);font-size:14px}

/* =============================================
   CTA BANNER (used across all inner pages)
============================================= */
.cta-section,.cta-banner,.offer-section{padding:80px 0;background:linear-gradient(135deg,var(--dark) 0%,#2b1208 100%);position:relative;overflow:hidden;text-align:center}
.cta-section::before,.cta-banner::before,.offer-section::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:rgba(232,67,23,0.1);border-radius:50%}
.cta-section::after,.cta-banner::after,.offer-section::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;background:rgba(232,67,23,0.08);border-radius:50%}
.cta-inner,.cta-banner-inner,.offer-inner{position:relative;z-index:1}
.cta-inner h2,.cta-banner-inner h2,.offer-inner h2,.cta-inner h3,.cta-banner-inner h3{font-family:var(--font-heading);font-size:clamp(24px,4vw,42px);font-weight:900;color:white;margin-bottom:14px}
.cta-inner h2 span,.cta-banner-inner h2 span,.offer-inner h2 span{color:var(--orange)}
.cta-inner p,.cta-banner-inner p,.offer-inner p{color:rgba(255,255,255,0.65);font-size:17px;max-width:580px;margin:0 auto 32px;line-height:1.7}
.cta-btns,.cta-banner-buttons,.offer-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,67,23,0.2);border:1px solid rgba(232,67,23,0.4);color:var(--orange);font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}

/* ============================================
           WHY CONTACT BAR
============================================ */
.contact-why-bar {background-color: var(--orange);color: var(--white);padding: 60px 0;}
.contact-why-bar .why-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;align-items: center;}
.contact-why-bar .why-item {text-align: center;display: initial;}
.contact-why-bar .why-icon {font-size: 40px;margin-bottom: 15px;display: block;color: var(--white);}
.contact-why-bar .why-item h3 {font-size: 16px;font-weight: 700;margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.5px;color: var(--white);}
.contact-why-bar .why-item p {font-size: 13px;line-height: 1.6;opacity: 0.95;color: var(--white);}
.service-areas {background-color: var(--white);padding: 80px 0;}
.areas-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: start;}
.areas-content h2 {font-size: 36px;margin-bottom: 30px;color: var(--dark);}
.areas-content h2 span {color: var(--orange);}
.suburb-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}
.pricing-card.service-card.popular:first-child .badge, .pricing-card.service-card.popular:last-child .badge {font-size: 0; color: #fff; background: transparent; margin-top: 0; padding-top: 6px;}
.pricing-card.service-card {display: flex; flex-direction: column; height: 100%;}
.pricing-card.service-card .features {flex-grow: 1;}
.pricing-card.service-card .btn {margin-top: auto;}


.suburb-tag {background-color: var(--light-grey);color: var(--dark);padding: 10px 15px;border-radius: 20px;text-align: center;font-size: 13px;
font-weight: 500;border: 1px solid var(--mid-grey);transition: all 0.3s;}
.suburb-tag:hover {background-color: var(--orange);color: var(--white);border-color: var(--orange);}
.areas-map {border-radius: 8px;overflow: hidden;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.areas-map iframe {width: 100%;height: 450px;border: none;}


.areas-content h2 {font-size: 28px;}
.suburb-grid {grid-template-columns: repeat(2, 1fr);}
.faq-section {padding: 80px 0;}
.faq-header h2 {font-size: 32px;}
.faq-question {padding: 18px;font-size: 14px;}
.faq-answer {padding: 0 18px;}
.faq-item.open .faq-answer {padding: 0 18px 18px 18px;}

.section-container .featured-content .btn-primary{background: transparent;}
.section-container .featured-content .btn-primary:hover{background: transparent;color: var(--grey);box-shadow: none;}

.pricing-wrapper.services-grid .badge {width: fit-content; margin: auto; margin-top: -23px; margin-bottom: 15px;}
.pricing-wrapper.services-grid {grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));}
.pricing-wrapper .features li {line-height: normal; margin-bottom: 10px; text-align: left;}
.pricing-wrapper .features {margin: auto; max-width: 76%;}
.pricing-wrapper.services-grid .btn.btn-primary.btn-lg {width: 76%; margin: auto; margin-top: 24px;}
.section-sub.bottom-content p {margin-bottom: 0;}
.section-sub.bottom-content {width: 100%; margin-left: auto; margin-right: auto;}
.section-sub.bottom-content p a, .areas-content p a{color: var(--orange);}
.section-sub.bottom-content p a:hover, .areas-content p a:hover{color: var(--black);}
#control-services {background: var(--fa-font-brands);}
.licensed_margin h2 {margin-bottom: 0;}
.licensed_margin {margin-top: 70px;}
.warning_p {margin-top: 40px;}
.warning_p p{margin-bottom: 0;}
.faq-item.active .fas.fa-plus {transform: rotate(45deg);}
.faq-item.active .fas.fa-plus {background: var(--orange); color: #fff;}
.effect-badge {padding: 13px; display: inline-block; font-weight: 600;}
/*.features span {margin: 0 6px;}*/
.cta-section .hero-combined-line.hero-features {margin-bottom: 0; margin-top: 25px;}
.cta-section .hero-combined-line.hero-features span{margin: 0 16px;}
.cta-section .hero-combined-line.hero-features span .fas.fa-check {margin-right: 6px;}
.cta-section .hero-combined-line {color: rgba(255,255,255,0.65); margin-bottom: 20px; display: none;}
.cta-section h3 {font-size: 15px;}
.section-header.commercial-margin {margin-top: 50px;margin-bottom: 0;}
/*.service-cat-btn:focus {background: #fff; color: var(--grey);}*/
.than-you {margin: 60px 0;}
.page-id-5656 .hero-card, .page-id-5656 #contact {display: none;}
.page-id-5656 .hero .container {grid-template-columns: 100%;}
.page-id-5656 .hero-content {text-align: center; padding-top: 160px;}
.services-grid a i {position: relative; top: 1px;}
.navbar .nav-menu .nav-item.active-menu > .nav-link{color: var(--orange);}
.navbar .nav-menu .nav-item.active-menu > .nav-link i{color: var(--orange);}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground, .page-id-4900 .terms-service {max-width: 1650px; margin: auto; padding: 80px 30px;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground h2, .page-id-4900 .terms-service h2 {margin-bottom: 0;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground ul li {margin-bottom: 11px; line-height: normal;}
.privacy_p {margin-bottom: 15px;}
.flex_review_name {display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 6px;}
.review-time {margin-bottom: 21px;}
.select-wrapper{position: relative; width: 100%;}
.select-wrapper select{width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; line-height: normal;}
.select-icon{position: absolute; right: 16px; top: 65%; transform: translateY(-50%); color: #666; font-size: 13px; pointer-events: none;}
.select-wrapper.select_banner .select-icon {color: #fff; top: 50%; line-height: normal;}
.flex.items-start.gap-2 i {font-size: 20px;}
.cta-btns.cta-btns-start.cta-btns-start-top {margin-top: 30px;}
.overview-content h2 span {color: var(--orange);}
.related-grid .related-card h4, .why-choose-grid .why-card h4 {margin-top: 5px;}
.cta-btns.cta-btns-start.btns-star-padding {margin-top: 30px;}
.page-template-bird-control .features span {margin-right: 10px; display: inline-block;}
.page-id-2026 .hero {height: 482px; min-height: 0; padding-top: 115px;}

/*--------page error404------*/

.error404 .heightlight {color: #000; display: block; font-family: var(--font-heading); font-size: clamp(30px,6vw,98px); font-weight: 900; margin-bottom: 14px; line-height: 1.1;}
.btn-5 {font-family: var(--font-heading); font-weight: 500; font-size: 18px; padding: 16px 60px; border-radius: 6px; cursor: pointer; border: 2px solid transparent; transition: var(--transition); letter-spacing: 0.5px; color: #fff !important; background: var(--orange); margin-top: 15px; display: inline-block;}
.error-404.not-found .page-title {font-family: var(--font-heading); font-size: clamp(26px, 4vw, 40px); font-weight: 800; color: var(--dark); line-height: 1.2; margin-bottom: 16px;}
.error-404.not-found{padding: 70px 30px;}
.btn-5:hover{background-color: var(--black);}
.error404 #primary{text-align:center;}
.error404.wp-custom-logo.css3-animations.hfeed.page-layout-default .page-header.fixed {position: unset; box-shadow: none;}
.error404 .custom_feature_img {display: none;}
.privacy-policy .wp-block-heading {margin-bottom: 10px; padding: 0;}
/*.privacy-policy #post-3 {margin-top: 6rem;}*/
.error404.wp-custom-logo.css3-animations.hfeed.page-layout-default .page-header.fixed {position: unset; box-shadow: none; animation:none;}
.error404 .hero {display: none;}
/*.page-template-services .trust-bar {margin-bottom: 40px;}*/
.section-title, .cta-section h2 {margin-top: 0;}
/*.single-post .section-title, .single-post .cta-section h2 {max-width: 65%; margin-left: auto; margin-right: auto;}*/
.section-tag {margin-bottom: 20px;}
.hero .container .wpcf7-response-output {color: rgba(255,255,255,0.6); text-align: center; padding: 8px; line-height: normal; border-color: red !important;}
.contact-form .wpcf7-response-output {border-color: red !important; line-height: normal; padding: 8px !important; line-height: normal;}
.hero-card .btn.btn-primary {background: var(--orange) !important;}
.page-template-page-about #about {padding-bottom: 0;}
.overview-content h2 {margin-top: 0; margin-bottom: 13px;}
.section-sub a:hover {color: var(--orange)!important;}
.section-sub a{color: var(--grey)!important}
.pricing-wrapper.services-grid {grid-template-columns: repeat(3, 1fr);}
.page-template-services .steps-grid {grid-template-columns: repeat(5, 1fr);}
.page-template-services .steps-grid::before {left: calc(9.5% + 25px); right: calc(9.5% + 25px);}
.section-container .cta-btns .btn.btn-outline.btn-lg {border-color: var(--black); color: #000 !important;}
.warning_p.warning_p-bottom p {margin-left: auto; margin-right: auto; padding-bottom: 20px;}
.section-container .cta-btns .btn.btn-outline.btn-lg:hover {background: var(--black); color: #fff !important;}
.cta-btns.cta-btns-start.start-flex-p p {display: flex; gap: 8px; flex-wrap: wrap;}
.page-template-gutter-guard-installation .flex.items-start.gap-2 {position: relative; text-align: left; margin-bottom: 7px;}
 .page-template-gutter-guard-installation .flex.items-start.gap-2 i {position: absolute; top: 1px; left: -22px;}
.page-template-gutter-guard-installation .space-y-2.text-muted-foreground.text-sm {margin-top: 14px;}
#comments {display: none;}
.single-post #faq {padding-top: 0;}
body.single-post .corp-container {padding-left: 15px; padding-right: 15px;}
.single-post .entry-content .container {padding-top: 90px; padding-left: 0; padding-right: 10px;}
.author-box {display: flex; align-items: center;}
body .post-navigation a:hover div {color: var(--orange);}
body .post-navigation a .nav-innner {width: fit-content;}
body .post-navigation a {width: fit-content;}
body .post-navigation .nav-next a{float: right;}
.page-header .page-title {
   font-family: var(--font-heading);
   font-size: clamp(30px,4vw,52px);
   font-weight: 900;
   margin-bottom: 14px;
   line-height: 1.1;
   text-transform: capitalize;
   margin-top: 60px;
}
.archive .page-header {margin-bottom: 34px;}
.blog-layout-grid article .corp-content-wrapper .entry-header {
  margin-bottom: 15px;
}
.author #main {
  margin-right: 0;
  padding: 0 30px;
  max-width: 1680px;
  margin: auto;
}
.author .entry-header {
  display: block;
}

.author .entry-header .entry-title a {
  color: inherit;
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--dark);
  line-height: 1.3; margin-bottom: 7px;
}
.author .entry-header .entry-title a:hover {
  color: var(--orange);
}
.author .navigation.pagination {
  margin-bottom: 50px;
}

body.page-layout-default.sidebar .blog-layout-grid article {width: 100%; margin-bottom: 0;}
.blog-layout-grid {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.author #secondary {
  display: none;
  width: 0;
}
.single-post .hero-card {
  display: none;
}
.single-post .hero-content {
  padding-top: 65px;
}
.single-post .hero-title span {
  display: inline;
}
.service-overview .sidebar-card img {
  height: 380px;
  object-fit: cover;

}
.category-btn:nth-child(2) {
  order: 6;
}
.category-btn:nth-child(3) {
  order: 7;
}
.category-btn:nth-child(4) {
  order: 6;
}
.category-btn:nth-child(5) {
  order: 5;
}
.category-btn:nth-child(6) {
  order: 5;
}
.category-btn:nth-child(7) {
  order: 2;
}
.page-id-4900 .hero {
  min-height: 454px;
}
.page-id-4900 .hero-content {
  padding-top: 70px;
}
.page-id-4900 .hero-card {
  display: none;
}
.cta-section.cta-section-blog {display: none;}
.page-id-2026 .cta-section.cta-section-blog, .single-post .cta-section.cta-section-blog{display: block;}
.single-post .post-meta {
  color: #fff;
  display: flex;
  gap: 15px;
  font-size: 15px;
  flex-wrap: wrap;
}
.page-id-2026 .featured-post {
  margin-bottom: 0;
}
.archive.category #content .corp-container {
  max-width: 1680px;
  padding: 0 30px;
}
.archive.category .entry-header {
  display: block;
}
.archive.category .blog-layout-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.archive.category .nav-links {
  margin-bottom: 30px;
}
.comments-link {
  display: none !important;
}
.section-title.max-width-h2 {
  margin-left: auto; margin-right: auto;
  max-width: 70%;
}
.team-section .section-sub {
  font-size: 17px;
  color: var(--grey);
  max-width: 750px;
  line-height: 1.7;
}
.category #contact {
  margin-top: 50px;
}
.category .entry-header .entry-title a:hover {
  color: var(--orange);
}
.category .entry-header .entry-title {
  color: var(--orange);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--dark);
  line-height: 1.4;
}
.related-grid a {
  color: var(--orange);
}
.related-grid a:hover{color: var(--orange-dark);}



.hidden-post{
    display:none;
}

.blog-pagination{
    margin-top:40px;
    text-align:center;
}

.blog-pagination .page-btn {
  margin: 5px;
  background: #f5f5f5;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid;
  border-color: var(--black);
  color: #000;
}

.blog-pagination .page-btn.active{
    color:var(--orange); border-color: var(--orange);
}

.author .hero-card, .category .hero-card {
  display: none;
}
.author .hero-content, .category .hero-content {
  padding-top: 110px;
}

.single-post .hotspot-section.hotspot-section-top, .file_row.file_row-grid.file_row-grid-top {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.service-areas.contact-areas h2 {
  font-size: 36px;
  margin-bottom: 30px;
  color: var(--dark);
  margin-top: 0;
}
.service-areas.contact-areas .suburb-grid {
  grid-template-columns: repeat(3, 1fr);
}

.file_row.file_row-grid.file_row-grid-top .card {
  margin-bottom: 0;
}
.related-posts-section .related-posts {
  font-family: var(--font-heading);
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 800;
  color: var(--dark);
  line-height: 1.2;
  margin-bottom: 18px; text-transform: capitalize;
}

.page-template-bird-control .birds_list-icon .why-card i {
  font-size: 22px !important
}

.cta-btns.cta-btns-start.start-flex-p br {
    display: none;
}
body.single-post .top-bar .corp-container {
  padding: 0;
}
.faq-question:hover {color: var(--orange);}
.faq-item.active .faq-question {
  color: var(--orange);
}

  .cta-section.cta-section-blog .cta-btns br{display: none;}
.audience-feature.background-color h4 {
  margin-bottom: 11px;
}

.author .entry-content p {
  font-size: 15px;
}

.btn.btn-primary, .btn-primary {
    animation: pulseShadow 2s infinite;
}

@keyframes pulseShadow {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--orange-dark) 60%, transparent);
    }

    70% {
        box-shadow: 0 0 0 15px color-mix(in srgb, var(--orange-dark) 0%, transparent);
    }

    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--orange-dark) 0%, transparent);
    }
}
.services-grid.services-grid-home .service-icon {
  width: 100%;
  height: auto;
  clear: both;
  display: table;
}
.services-grid.services-grid-home .service-icon img {
  width: 100%;
  height: 215px; object-fit: cover;
}
.services-grid.services-grid-home {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 500px));
    gap: 24px;
    justify-content: center; display: flex; flex-wrap: wrap;
}
.services-grid.services-grid-home .service-card {
  width: 23.8%;
  float: left;
}

/*.services-grid.services-grid-home .service-card {
    width: 100%;
    text-align: center;
}*/



/*Mobile Responsive*/

@media(max-width:1600px) {
.trust-bar .container{gap: 10px;}
.trust-bar-item-text strong{font-size: 14px;}
.trust-bar-item-text span {font-size: 12px;}
.why-list{gap: 15px;}
.value-card{padding: 15px;}
.story-grid{gap: 50px;}
.cert-item{padding: 15px;}
.certs-inner{gap: 40px;}
.hero .container{padding: 10px 20px;}
.nav-menu{gap: 13px;}
.main-navigation {gap: 32px;}
.btn.btn-primary.form-submit{background-position: 34% center;}
.why-badge {left: -20px;}
.author-box .author-avatar img {height: 90px; width: 90px;}
   .single-post .hotspot-section {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.services-grid.services-grid-home .service-card {
  width: 23.6%;
}

}

@media(max-width:1440px) {
.btn.btn-primary.form-submit{background-position: 31.5% center;}
.main-navigation {gap: 24px;}
.blog-layout-grid article .corp-content-wrapper {padding: 20px 15px 24px;}
.single-post .card-block {padding: 15px 15px;}
.services-grid.services-grid-home .service-card {width: 23.4%;}
}

@media(max-width:1200px) {
html{font-size: 14px;}
.top-bar{font-size: 12px;}
section{padding: 40px 0;}
.section-container{padding: 0 15px;max-width: 100%;}
body p {margin-bottom: 15px;font-size: 14px !important;}
body .main-navigation ul li {margin-right: 0;}
.container {padding: 0 15px;max-width: 100%;}
.main-navigation #primary-menu li a{font-size: 14px;}
.site-header .site-branding img{height: auto;width: 180px;}
.btn{font-size: 14px;padding: 10px 15px;}
.hero-title{font-size: 30px;}
.btn-lg {padding: 10px 15px;font-size: 14px;}
.hero-sub p {font-size: 14px;}
.hero-trust-item{font-size: 12px;}
.hero-trust{gap: 10px;}
.hero-card h3{font-size: 18px;}
.hero-card p{font-size: 12px;margin-bottom: 10px;}
.hero-form input, .hero-form select{padding: 10px 15px;}
.hero-form .btn{font-size: 14px;}
.hero .container{gap: 10px;}
.hero-card{padding: 20px;}
.trust-bar-item-text strong{font-size: 14px;}
.trust-bar-item-text span {font-size: 12px;}
.hero{padding: 40px 0;}
.trust-bar-item{gap: 10px;}
.trust-bar-item i {font-size: 30px;}
.services-section {padding: 40px 0;}
.section-title{font-size: 25px;}
.section-sub{font-size: 14px;max-width: 100%;}
.section-header{margin-bottom: 30px;}
.service-cat-btn{font-size: 14px;padding: 10px 20px;}
.service-cats{gap: 10px;margin-bottom: 25px;}
.service-card{padding: 20px;}
.service-icon {width: 60px;height: 60px;}
.service-card h3{font-size: 14px;}
.service-card p {font-size: 12px;}
.service-card a{font-size: 14px;}
.why-section {padding: 40px 0;}
.why-badge{left: -6px;padding: 15px;}
.why-item-text h4{font-size: 14px;}
.how-section {padding: 40px 0;}
.section-tag{font-size: 12px;}
.section-title{font-size: 20px;margin-bottom: 10px;}
.step-num {width: 60px;font-size: 20px;height: 60px;}
.step-card h3{font-size: 14px;margin-bottom: 5px; line-height: normal;}
.step-card p {font-size: 12px;}
.stat-label {font-size: 12px;}
.stat-num{font-size: 25px;}
.stats-section {padding: 40px 0;}
.audience-section, .reviews-section, .areas-section, .about-section, .faq-section, .blog-section, .contact-section{padding: 40px 0;}
.audience-section .section-tag{margin-top: 0px;}
.story-content p {font-size: 14px;}
.story-grid{gap: 40px;}
.why-grid, .audience-content{gap: 20px;}
.cta-section, .cta-banner, .offer-section, .story-section{padding: 50px 0;}
.cta-inner h2, .cta-banner-inner h2, .offer-inner h2, .cta-inner h3, .cta-banner-inner h3{font-size: 30px;}
.about-grid{gap: 40px;}
.about-grid p{font-size: 14px;}
.cert-badge{padding: 10px 15px;font-size: 12px;}
.faq-question{font-size: 14px;}
.faq-grid{max-width: 100%;gap: 0px;}
.faq-answer p {font-size: 14px;}
.faq-question i{width: 23px;height: 23px;}
.contact-detail-icon {width: 35px;height: 35px}
.contact-detail-text strong{font-size: 14px;margin-bottom: 0;}
.contact-detail-text a, .contact-detail-text span {font-size: 14px;}
.contact-form h3{font-size: 18px;margin-top: 0;}
.contact-form{padding: 20px;}
.site-footer .widgets{padding: 40px 0 15px;}
.site-footer{padding: 0 15px;}
body .widgets.widgets-4{gap: 20px;}
.footer-brand img {height: auto;width: 150px;}
.footer-social a {width: 30px;height: 30px;}
.trust-bar-divider{display: none;}
.trust-bar .container{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.trust-bar .container {gap: 20px;}
.audience-tab{padding: 10px 15px;}
.review-card{padding: 20px 15px;}
.reviews-grid{gap: 15px;}
.form-group textarea {resize: vertical;height: 100px;resize: none;min-height: 50px;}
.areas-content{gap: 30px;}
.faq-item{margin-bottom: 10px;}
.top-bar-left{gap: 5px;}
.top-bar-right{gap: 10px;}
.story-float-badge{right: -10px; top: 48%;}
.story-values{gap: 10px;margin: 20px 0;}
.mission-card{padding: 25px 15px;}
.mission-card h3{font-size: 16px;margin-bottom: 5px;}
.team-section {padding: 50px 0;}
.team-body {padding: 15px;}
.certs-section, .mission-section, .contact-why-bar, .service-areas{padding: 40px 0;}
.team-grid{gap: 15px;}
.certs-grid, .certs-inner{gap: 15px;}
.mission-grid{gap: 20px;}
.nav-link{font-size: 14px;}
.contact-why-bar .why-item h3{font-size: 14px;margin-top: 0px;}
.contact-why-bar .why-grid{gap: 10px;}
.suburb-tag{padding: 10px;}
.areas-grid{gap: 20px;}
.areas-content h2 {font-size: 20px;margin-top: 0;}
.service-overview{gap: 20px;}
.signs-grid{gap: 15px;margin-top: 10px;}
.sign-card{padding: 15px;}
.btn.btn-primary.form-submit{background-position: 29% center;}
.pricing-wrapper.services-grid .badge{margin-top: -13px;}
.site-footer .corp-container {padding: 0;}
.site-footer .widgets .widget .btn.btn-primary {font-size: 13px !important; padding: 11px 13px !important;}
.nav-menu {gap: 11px;}
.main-navigation {gap: 15px;}
.hero-content{padding-right: 20px;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground, .page-id-4900 .terms-service {padding: 50px 15px;}
.site-header .corp-container{padding: 0 15px;}
.select-wrapper.select_banner .select-icon {top: 41%;}
.pricing-card.service-card.popular:first-child .badge, .pricing-card.service-card.popular:last-child .badge {padding-top: 14px;}
.section-title br {display: none;}
.pricing-wrapper .features {max-width: 100%;}
.steps-grid::before {top: 30px;}
.pricing-banner h2{margin-top: 0;}
.page-template-gutter-guard-installation .flex.items-start.gap-2 {padding-left: 11px; line-height: normal; margin-bottom: 10px;}
.page-template-gutter-guard-installation .flex.items-start.gap-2 i {left: -11px;}
.privacy-policy .hero-content {padding-top: 115px;}
.service-cats-nav{top: 60px;}
.author #main {padding: 0 15px;}
.page-id-4900 .hero-content {padding-top: 120px;}
.single-post .hero-content {padding-top: 140px;}
.archive.category .blog-layout-grid article .corp-content-wrapper {padding: 20px 15px 29px;}
.single-post .step-header{display: block;}
.single-post .step-header .step-number {margin-bottom: 10px;}
.author .hero-content, .category .hero-content {padding-top: 160px;}
.single-post .hotspot-card {padding: 20px 15px;}
body .card-block h2 {font-size: 24px;}
body .post-sidebar {padding-right: 0;}
.related-posts-section ol li .corp-content-wrapper, .yarpp-related ol li .corp-content-wrapper{padding: 18px 15px;}
.services-grid.services-grid-home .service-card {width: 31.6%;}

}

@media (max-width: 1136px) {
  .post-navigation a img {display: block;}
  .post-navigation .nav-next img {float: right;}
.nav-next .nav-innner {margin-bottom: 10px;}
.nav-previous img {margin-bottom: 10px;}
.nav-previous {padding-right: 15px;}
.single-post .step-header {display: block;}
.single-post .step-number {margin-bottom: 10px;}
.single-post .step-block p {margin-bottom: 18px; margin-top: 5px;}
.single-post .step-header h3 {margin-bottom: 7px; line-height: normal; margin-top: 7px;}
.single-post .list-term {margin-bottom: 20px;}
.single-post .info-header {align-items: self-start;}
.single-post .info-header h3 {line-height: normal;}
.single-post #faq .section-title {text-align: center;}
.single-post .card-body {grid-template-columns: 1fr; gap: 8px;}
.single-post .card-header{align-items: self-start;}
.archive.category #content .corp-container {padding: 0 15px;}

}

@media(max-width:1050px) {
   .btn.btn-primary.form-submit{background-position: 26% center;}
   .main-navigation{gap: 0;}
   .nav-menu {gap: 7px;}
   .btn-5 {font-size: 15px; padding: 14px 40px; margin-top: 0; line-height: normal;}
   .error-404.not-found .page-header {margin-bottom: 0;}
   .error404 .heightlight {font-size: 45px;}
   .error-404.not-found {padding: 50px 15px;}
   .error-404-home {margin-bottom: 0;}
   .error-404.not-found .page-title {font-size: 20px; margin-bottom: 11px;}
   .mission-grid {grid-template-columns: repeat(2,1fr);}
   .team-grid {grid-template-columns: repeat(2,1fr); gap: 28px;}
   .certs-grid {grid-template-columns: repeat(2,1fr); gap: 20px;}
   .reviews-grid {grid-template-columns: repeat(2, 1fr);}
   .mission-icon {width: 60px; height: 60px;}
   .mission-icon i {font-size: 21px;}
   .about-checklist{gap: 10px; margin: 15px 0 20px;}
   .blog-body {padding: 20px 15px;}
   .why-grid{gap: 40px;}
   .blog-grid {display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px;}
   .blog-grid-header h2 {font-size: 33px;}
   .featured-post{gap: 40px;}
   .pricing-wrapper.services-grid {grid-template-columns: repeat(2, 1fr);}
   .page-template-services .service-cats-nav{overflow:hidden;}
   .page-template-services .service-cats-nav .container{display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; justify-content:flex-start; padding:0 15px 15px; margin:0; width:100%;}
   .page-template-services .service-cats-nav .container::-webkit-scrollbar{display:none;}
   .page-template-services .service-cat-btn {flex:0 0 auto;}
   .blog-layout-grid {grid-template-columns: 1fr 1fr;}
   .author-box {margin-bottom: 40px; padding-top: 24px;}
   .author-box .author-avatar {width: 115px;}
   .related-posts-section ol li .corp-content-wrapper, .yarpp-related ol li .corp-content-wrapper {padding: 15px 15px;}
   .service-card-premium-icon {width: 65px; height: 65px;}
   .service-card-premium-icon i {font-size: 24px;}
   .service-areas.contact-areas h2 {font-size: 24px; line-height: normal;}
   .site-footer .widgets .widget a {font-size: 12px;}
   body .widgets.widgets-4 {gap: 11px;}
   .site-footer .widgets .widget .btn.btn-primary {font-size: 12px !important; padding: 11px 11px !important;}
   .services-grid.services-grid-home .service-card{padding: 20px 15px;}
}

@media(max-width:989px) {
.hero .container{grid-template-columns: 1fr;padding: 20px 15px;}
.main-navigation{gap: 0;}
.hero-content{padding-bottom: 15px;}
.nav-menu {flex-direction: column; position: fixed; top: 137px; left: 0; right: 0; background: white; padding: 20px; gap: 2px; box-shadow: var(--shadow-lg); max-height: calc(100vh - 68px); overflow-y: auto; }
.nav-menu.open { display: flex; }
.dropdown { position: static; opacity: 1; visibility: visible; transform: none !important; box-shadow: none; border: none; border-top: none; padding: 5px 0 5px 10px; display: none; width: auto; }
.nav-item.open .dropdown { display: block; }
.dropdown-inner { grid-template-columns: 1fr; gap: 0; }
.dropdown-col { padding: 0 0 0 8px; border-right: none; border-bottom: 1px solid var(--mid-grey); margin-bottom: 6px; }
.dropdown-col:last-child { border-bottom: none; margin-bottom: 0; }
.hamburger {display: flex;z-index: 999; margin-left: 5px;}
#navbar {order: 2;margin-left: 0;width: auto;}
.blog-img {height: 300px;}
.blog-meta i{padding-right: 5px;}
.top-bar .top-bar-left a {font-size: 0;}
.navbar-cta{gap: 5px;}
body .widgets.widgets-4{grid-template-columns: 1fr;}
.site-footer .widgets .widget .widget-title{margin-bottom: 15px;}
.contact-grid{gap: 20px;}
.site-footer .widgets .widget{margin-right: 0;margin-bottom: 0 !important;}
.top-bar-left span.top-bar-divider {display: none;}
.navbar .container{padding: 0px;}
.main-navigation ul li a{padding: 0;}	
.main-navigation ul li{padding: 10px 0;margin: 0;border-bottom: solid 1px #ccc;width: 100%;text-align: center;}	
body .dropdown .menu-grid{grid-template-columns: 1fr 1fr; padding-right: 11px;}
body .dropdown .menu-grid a {padding: 10px 0;margin: 0;margin-right: 0px;border-bottom: solid 1px #ccc;width: 100%;text-align: left;}
#menu-services li a, #menu-company li a{background-position: 0px 3px; width: fit-content;}
.btn.btn-primary.form-submit{background-position: 24% center;}
.site-footer .widgets {padding: 40px 0 40px;}
.fixed .nav-menu {top: 81px;}
.open span:nth-child(1) {top: 4px; position: relative; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.open span:nth-child(2) {display: none;}
.open span:nth-child(3) {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: -4px; position: relative;}
.hamburger span{transition: 0.7s;}
.dropdown-section .dropdown-heading {transform: none !important; position: unset !important;}
#navMenu {width: 360px; overflow: hidden; height: 100vh; left: -1050px; transition: .8s;}
.nav-menu.open {display: block; left: 0 !important; transition: .6s !important; height: 100vh !important;}
#navMenu {height: 100%; overflow-y: scroll; padding-bottom: 15px;}
.hero-content {padding-bottom: 0;}
.hero-sub {max-width: 70%;}
.hero-sub p {max-width: 100%; width: 100%;}
.about-check i{margin-top: 3px;}
.pricing-wrapper .features {max-width: 100%;}
.site-footer .widgets .widget a br {display: none;}
.story-float-badge {top: 43%;}
 body .widgets.widgets-4 {grid-template-columns: 47% auto;}
.related-posts-section ol li, .yarpp-related ol li {width: 46.5%;}
.related-posts-section ol li:nth-child(3n+3), .yarpp-related ol li:nth-child(3n+3) {margin-left: 0;}
.single-post .entry-content .container {padding-top: 50px!important;}
.single-post .stats-container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.single-post .font-semibold {line-height: normal;}
.single-post .section-title {margin-top: 15px; margin-bottom: 10px; text-align: left;}
.service-areas.contact-areas .suburb-grid {grid-template-columns: repeat(2, 1fr);}
.section-sub a {display: inline-block;}
#faq .section-sub p {max-width: 82%; margin: auto;}
.site-footer .widgets .widget a {font-size: 14px;}
body .post-sidebar{padding-top: 50px;}
.single-post #contact .section-title {text-align: center;}
.cta-box h3{line-height: normal;}
.services-grid.services-grid-home .service-card {width: 48.5%;}

}

@media(max-width:850px) {
.story-grid{grid-template-columns: 1fr;}
.team-grid{grid-template-columns: 1fr 1fr;}
.certs-inner{grid-template-columns: 1fr;}
.btn.btn-primary.form-submit{background-position: 18% center;}
.featured-post {grid-template-columns: 1fr; gap: 20px; margin-bottom: 0;}
.story-float-badge {right: -7px; top: auto; bottom: 24px;}
.team-section .section-sub {max-width:100%;}
.services-grid.services-grid-home{gap: 20px;}
}

@media(max-width:768px) {
body h2 {font-size: 20px;}  
.trust-bar .container{display: grid;grid-template-columns: 1fr 1fr;}
.trust-bar-divider {display: none;}
.contact-grid{grid-template-columns: 1fr;}
.contact-detail{align-items: center;}
.contact-details{gap: 15px;margin-bottom: 20px;}
.areas-content{grid-template-columns: 1fr;}
.services-section {padding: 40px 0;}
.section-tag{margin-top: 0px;}
.site-header .site-branding img {width: 140px;}
#site-navigation .btn.btn-primary{padding: 10px;}
#mobile-menu-button{top: 0px;right: -10px;}
.hero-badge{font-size: 11px;padding: 7px 10px;}
.hero-title {font-size: 24px;}
.hero-trust-item{width: 100%;}
.hero {padding: 30px 0;}
.trust-bar .container{grid-template-columns: 1fr 1fr;}
.why-grid{grid-template-columns: 1fr; gap: 20px;}
.steps-grid{grid-template-columns: 1fr 1fr;}
.steps-grid::before {display: none;}
.section-title {font-size: 18px;}
.audience-content{grid-template-columns: 1fr;}
.reviews-grid{grid-template-columns: 1fr 1fr;}
.cta-inner h2, .cta-banner-inner h2, .offer-inner h2, .cta-inner h3, .cta-banner-inner h3 {font-size: 20px;}
.form-row .form-group p {margin-bottom: 0;}
.form-group input, .form-group select, .form-group textarea{font-size: 14px;}
.btn{padding: 10px 15px;}
.about-grid{grid-template-columns: 1fr;}
.area-tag{font-size: 13px;}
.about-check i{font-size: 15px;margin-top: 6px;}
.mission-grid{grid-template-columns: 1fr;}
.certs-grid{grid-template-columns: 1fr 1fr;}
.contact-info h3{margin-top: 0;}
body .footer-col .btn.btn-primary{padding: 10px 15px;}
.contact-why-bar .why-grid{grid-template-columns: 1fr 1fr; gap: 20px;}
.areas-grid{grid-template-columns: 1fr;}
.service-overview{grid-template-columns: 1fr;}
.signs-grid{grid-template-columns: 1fr 1fr;}
.site-footer .bottom-bar .corp-container .site-info{flex-wrap: wrap;justify-content: center;}
.footer-bottom-links{justify-content: center;}
.btn.btn-primary.form-submit{background-position: 30% center;}
h2 {font-size: 18px;}
.reviews-summary-score{font-size: 35px;}
.review-stars{margin-bottom: 0;}
.reviews-summary{margin-top: 30px;padding: 20px 20px}
.cta-section, .cta-banner, .offer-section, .story-section {padding: 35px 0;}
.section-title{margin-top: 10px;}
.audience-img img, .why-image-wrap img{height: 300px;}
.hero-card{padding: 15px;}
.hero{padding: 30px 0;}
.hero-badge{padding: 5px 10px;}
.why-choose-grid{gap: 15px;margin-top: 20px;}
#areas .section-header {margin-bottom: 20px;}
.why-badge {left: -6px;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground ul li i {margin-top: 3px;}
.site-footer .bottom-bar .corp-container span {text-align: center;  line-height: 1.5; margin-bottom: 20px;}
/*.navbar-phone {order: 2;}*/
.hamburger{padding: 0;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground ul li {gap: 10px;}
.privacy-policy .prose.prose-lg.max-w-none.space-y-6.text-muted-foreground h2, .page-id-4900 .terms-service h2 {margin-top: 5px;}
.hero-sub {max-width: 100%;}
.hero-content {padding-right: 0;}
.section-tag {margin-bottom: 7px;}
 .hero-trust-main .hero-trust {gap: 14px;}
 .hero-trust-main .hero-trust-item {width: auto; gap: 7px;}
.pricing-wrapper .features .about-check i {margin-top: 4px;}
.hero .hero-sub p{margin-bottom: 20px;}
.section-title {font-size: 23px;}
.hero-title {font-size: 28px;}
.hero-form{gap: 7px;}
.service-card h3 {font-size: 18px;}
.why-item {gap: 15px;}
.why-item-text p{line-height: 1.5;}
.why-item-icon {width: 45px; height: 45px; border-radius: 10px;}
.why-item-icon i {font-size: 18px;}
.why-list {gap: 20px;}
.service-icon {width: 50px; height: 50px;}
.service-icon i {font-size: 21px;}
.offer-text p {margin-bottom: 20px;}
.offer-text h2 {margin-top: 0; line-height: normal;}
.blog-body h3 {font-size: 18px; line-height: 1.2; margin-top: 14px;}
.white-bg .related-card h4{margin-top: 0;}
.page-template-page-about #about .about-checklist {margin-bottom: 10px;}
.about-grid {gap: 24px;}
.story-section {padding-top: 45px;}
.page-template-page-about .about-grid .about-cert-row {margin: 0;}
.story-grid {gap: 24px;}
.step-card h3 {font-size: 18px;}
 .faq-question {font-size: 15px; line-height: normal;}
 .cta-inner h2 {margin-top: 0; line-height: normal; font-size: 23px;}
.top-bar-left i, .top-bar-right i {font-size: 15px;}
.top-bar-left {gap: 3px;}
.page-template-services .steps-grid {grid-template-columns: repeat(2, 1fr);}
.pricing-banner h2{font-size: 23px;line-height: normal; margin-top: 0;}
body .post-sidebar {padding-top: 0;}
.blog-layout-grid {grid-template-columns: 1fr;}
.grid-season {grid-template-columns: 100%;}
.nav-next {float: right !important; width: 100% !important;}
.nav-previous {width: 100% !important; padding-right: 0;}
.related-posts-section ol li, .yarpp-related ol li {width: 100%;}
.single-post .stats-row {flex-wrap: wrap;}
.single-post .stats-row .card-block {width: 48%; float: left;}
.service-card h3 {margin-top: 5px;}
.why-card i {margin-bottom: 15px;}
.service-overview .sidebar-card img {height: auto;}
.single-post .entry-content .container {padding-right: 0;}
.single-post .hotspot-section.hotspot-section-top, .file_row.file_row-grid.file_row-grid-top {grid-template-columns: 1fr}
.single-post .related-grid {grid-template-columns: 1fr;}
.single-post .widget-area{margin-top: 0;}
.related-posts-section, .yarpp-related {margin-bottom: 16px;}
.section-title, .cta-section h2 {max-width: 100%;}
.archive.category .nav-links {margin-bottom: 0;}
.archive.category .blog-layout-grid{grid-template-columns:1fr;}
.category #contact {margin-top: 0;}
.nav-next {text-align: right !important;}
.review-stars {margin-bottom: 10px;}
.blog-grid-header h2 {font-size: 26px;}
.categories-bar{padding-top: 0; padding-bottom: 15px;}
.single-post .hotspot-section {grid-template-columns: 1fr;}
.main-navigation {gap: 7px;}
.navbar-cta {gap: 5px;}
.faq-question i {font-size: 13px;}
.related-grid .related-item.about-check i {margin-top: 3px;}
.single-post .list-term .about-check i {margin-top: 3px;}
.service-cats-nav {top: 50px; padding-top: 35px; padding-bottom: 7px;}
body .widgets.widgets-4{grid-template-columns:1fr;}
body .contact-why-bar .why-grid{ gap: 25px;}
.services-grid.services-grid-home .service-card {width: 47.7%;}

}

@media(max-width:600px) {
 .mega-menu-menu-1 .site-header .site-header-inner {display: flex;}
 .site-header .site-branding {padding-right: 20px;width: auto;max-width: max-content;}
.btn.btn-primary.form-submit{background-position: 25% center;}
 .audience-tab {padding: 10px 14px; font-size: 13px;}
.pricing-wrapper.services-grid {grid-template-columns: 1fr;}
.pricing-card.service-card.popular:first-child .badge, .pricing-card.service-card.popular:last-child .badge {padding-top: 0;}
.page-template-bird-control .features span {width: 100%; float: left;}
 .services-grid.services-grid-home .service-card {width: 47.6%;}
}

@media(max-width:550px) {
.site-header .site-branding img {width: 140px;}
.btn-lg{width: 100%;text-align: center;justify-content: center;}
.hero-title {text-align: center;}
.hero-badge{text-align: center;justify-content: center;margin: 0 auto;display: block;}
.hero-sub p{text-align: center;}
.hero-card h3, .hero-card p{text-align: center;}
.hero-trust-item{  justify-content: center;}
#site-navigation .btn.btn-primary{padding: 6px 11px;}
.navbar-cta {gap: 3px;}
.trust-bar .container {grid-template-columns: 1fr;text-align: center;justify-content: center;}
.trust-bar-item{text-align: left; justify-content: center;padding-bottom: 10px;}
.service-cat-btn{width: 100%;}
.service-cats{flex-wrap: wrap;}
.steps-grid{grid-template-columns: 1fr;}
.section-title, .section-sub{text-align: center;}
.section-tag{display: block;margin: 0 auto;max-width: max-content;}
.stats-grid{grid-template-columns: 1fr 1fr;}
.audience-tabs{flex-wrap: wrap;}
.audience-tab{width: 100%;}
.reviews-grid{grid-template-columns: 1fr;}
.form-row{grid-template-columns: 1fr; gap: 0;}
.blog-grid{grid-template-columns: 1fr;gap: 30px;margin-top: 25px;}
.areas-content p {text-align: center;}
.cert-badge{width: 100%;text-align: center;justify-content: center;}
.team-grid {grid-template-columns: 1fr;}
.certs-grid{grid-template-columns: 1fr;}
.story-values{grid-template-columns: 1fr;}
.certs-inner .certs-text .btn.btn-primary {display: block;margin: 0 auto;max-width: max-content;margin-bottom: 10px;}
.contact-why-bar .why-grid{grid-template-columns: 1fr;}
.btn.btn-primary.form-submit{background-position: 21% center;}
.signs-grid, .stats-grid-about {grid-template-columns: 1fr 1fr 1fr 1fr;}
.sign-card .icon{font-size: 20px;margin: 0 auto 0px;}
.sign-card h4{margin: 10px;}
.pricing-wrapper .features {max-width: 100%; margin-bottom: 24px;}
.pricing-wrapper.services-grid .btn.btn-primary.btn-lg{width: 100%; margin-top: 0;}
.cta-section .hero-combined-line.hero-features span{margin: 5px 0; width: 100%; float: left;}
.service-card-premium {flex-wrap: wrap; justify-content: center; gap: 0;}
 #navMenu {width: 100%;}
.nav-menu {top: 122px;}
.navbar .container {height: 65px;}
.fixed .nav-menu {top: 66px;}
.service-cats-nav a {text-align: center;}
.audience-tabs {gap: 11px; background: transparent;}
.audience-tab {width: 100%; background: rgba(255,255,255,0.06);}
.section-tag {margin-bottom: 18px;}
.signs-grid{grid-template-columns:1fr 1fr;}
.flex_review_name{display: block;}
.review-location-category {margin-top: 8px;}
.review-author {align-items: self-start;}
.blog-grid-header h2 {text-align: center;}
.page-template-services .service-cat-btn {width: auto;}
.page-template-services .steps-grid {grid-template-columns: 100%;}
 .about-check i {margin-top: 4px;}
 .single-post .stats-row .card-block {width: 47%;}
.btn.btn-outline-dark.btn-lg {width: auto;}
.audience-features .btn.btn-primary {margin: auto;}
.hero-trust {justify-content: center;}
.home .about-check{font-size: 14px; justify-content: center;}
.home {text-align: center;}
.home  .review-author, .home .area-tag, .home .blog-meta, .home .blog-body a, .home .contact-info div, .home .contact-detail {justify-content: center;}
.home .flex_review_name{width: auto;}
.home .footer-brand p img{margin-left: auto; margin-right: auto;}
.home .footer-social, .home .footer-contact-item {justify-content: center;}
.home #menu-services li a, .home #menu-company li a {margin: auto;}
#nav_menu-2 {margin-top: 13px;}
.home #text-5 .btn.btn-primary {margin: auto;}
.sign-card .icon {width: 55px; height: 55px;}
.sign-card .icon {font-size: 18px;}
.sign-card {padding: 24px 15px;}
.page-template-page-about .stats-grid-about {grid-template-columns: 1fr 1fr;}
.single-post table {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.single-post .stats-row { gap: 15px;}
.single-post .stats-row .card-block {width: 100%;}

/*.section-tag {margin: 0;  margin-bottom: 15px;}*/

.home .section-tag {margin: 0 auto;}
.home .section-title, .home .section-sub {text-align: center;}
.section-title.max-width-h2 {max-width: 100%}
.single-post .card-header p {width: 100%; margin-top: 11px; margin-bottom: 11px;}
.categories-bar .category-pills {display: block;}
.categories-bar .category-pills button {width: 100%; margin: 7px 0;}
body .meta{display: block;}
.meta span {margin-bottom: 8px; display: inline-block;}
.pagination .page-numbers {font-size: 14px; min-width: 2.9em; padding: -0.1px .5em;}
body .number-grid {display: block; width: 100%;}
.number-grid .badge {width: 100%; display: inline-block; text-align: center; margin: 6px 0;}
.gap-right {margin-right: 0; margin-bottom: 15px;}
body .card-header {display: block;}
.container.container-blog-cart .card-header {display: flex;}
.badge {margin-bottom: 5px; display: inline-block; width: fit-content;}
.card-header h3{margin: 5px 0;}
 #faq .section-sub p {max-width: 100%; margin: 0;}
.home .review-stars{justify-content: center;}
.home .audience-feature{display: block;}
.home .audience-feature i {margin-bottom: 11px;}
.services-grid.services-grid-home {gap: 24px;}
.services-grid.services-grid-home .service-card {width: 100%;}
.hamburger {margin-left: 3px;}

}


@media(max-width:470px) {
.btn.btn-primary.form-submit{background-position: 18% center;background-size: 16px;}
.areas-list-grid{grid-template-columns: 1fr 1fr;}
.pricing-wrapper.services-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.site-header .site-branding img{width: 122px;}
 #site-navigation .btn.btn-primary {padding: 6px 7px; font-size: 12px;}
.offer-inner .hero-trust-main .hero-trust-item {width: 100%;}
.offer-inner .hero-trust-main .hero-trust{gap: 7px;}
 body .widgets.widgets-4 {grid-template-columns: 1fr;}
 .signs-grid, .stats-grid-about {grid-template-columns: 1fr 1fr;}
 .signs-grid{grid-template-columns:1fr;}
.author-box .author-avatar {width: 144px;}
 .single-post .stats-container {grid-template-columns: 1fr;}
.single-post .post-meta span {width: 100%; display: inline-block; margin-bottom: 5px;}
.single-post .post-meta{display: block; text-align: center;}
.home .about-check i {margin-top: 1px;}
.home .about-check {font-size: 12px; justify-content: center;}
#menu-services li {width: 100%;}
#masthead .navbar-phone i {font-size: 18px;}
.hamburger span {width: 27px;}
}


@media(max-width:400px) {
   .btn.btn-primary.form-submit{background-position: 11% center;background-size: 13px;}
    .hero-trust-main .hero-trust-item {width: 44%; gap: 6px; justify-content: left;  }
}