/*
Theme Name: Tyer
Description: A child theme of Themify Ultra
Template: themify-ultra
Author: tyregroadmin (phpdeveloper886@gmail.com)
*/

/* Woohoo! Let's customize! */
/* Compiled on 2026-07-20 */

/* Global Variables & Base Typography */
:root{--orange:#ff6500 !important;--ink:#111 !important;--muted:#666 !important;--paper:#f7f5f1 !important;--line:#dedbd5 !important}
*{box-sizing:border-box !important}
html{scroll-behavior:smooth !important}
body{margin:0 !important;font-family:Inter,Arial,sans-serif !important;color:#141414 !important;background:#fff !important}
h1,h2,h3,p{margin-top:0 !important}
h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif !important;text-transform:uppercase !important;line-height:.96 !important}
a{color:inherit !important;text-decoration:none !important}





.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--orange) !important;
  color: #fff !important;
  padding: 8px 23px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border: 1px solid var(--orange) !important;
  transition: .25s !important;
  text-decoration: none !important;
}

.btn:hover { 
  background: #e95c00 !important; 
}

.btn-ghost { 
  background: transparent !important; 
  border-color: #777 !important; 
}

.menu { 
  display: none !important; 
}

/* ==========================================
   Desktop Dropdown Menu Styles
   ========================================== */
.has-dropdown { 
  position: relative !important; 
}

.has-dropdown > a { 
  display: flex !important; 
  align-items: center !important; 
  gap: 8px !important; 
  cursor: pointer !important; 
}

/* Pure CSS Arrow Indicator */
.chevron {
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid currentcolor !important;
  border-bottom: 2px solid currentcolor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform 0.2s ease !important;
}

.has-dropdown:hover .chevron { 
  transform: translateY(1px) rotate(45deg) !important; 
  color: var(--orange) !important;
}

/* Submenu Desktop Styling */
.submenu {
  position: absolute !important;
  top: 100% !important;
  left: -20px !important;
  background: #fff !important;
  min-width: 220px !important;
  padding: 10px 0 !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(15px) !important;
  transition: all 0.3s ease !important;
  border-top: 2px solid var(--orange) !important;
  border-radius: 0 0 4px 4px !important;
}

.has-dropdown:hover .submenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.submenu a {
  padding: 12px 20px !important;
  font-size: 13px !important;
  display: block !important;
  color: #555 !important;
  border-bottom: 1px solid #f2f2f2 !important;
}

.submenu a:last-child {
  border-bottom: none !important;
}

.submenu a:hover {
  background: #fafafa !important;
  color: var(--orange) !important;
  padding-left: 26px !important;
}

/* ==========================================
   Mobile Header & Animated CSS Burger Icon
   ========================================== */
@media (max-width: 900px) {
  .header { 
    justify-content: space-between !important; 
    gap: 0 !important; 
  }
  
  /* Hardware-Accelerated Off-Canvas Menu */
  .header nav {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 300px !important;
    max-width: 80vw !important;
    height: 100vh !important;
    background: #fff !important;
    flex-direction: column !important;
    padding: 100px 7vw 30px !important;
    box-shadow: -10px 0 30px rgba(0,0,0,0.1) !important;
    border-top: none !important;
    z-index: 9998 !important;
    transform: translateX(110%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .header nav.active { 
    transform: translateX(0) !important; 
  }
  
  .header-action { 
    margin-left: 0 !important; 
  }

  /* CSS Hamburger Icon Container */
  .header .menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-left: auto !important;
    z-index: 9999 !important;
    position: relative !important;
    color: transparent !important;
  }
  
  /* Burger Lines */
  .header .menu span, 
  .header .menu::before, 
  .header .menu::after {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    background-color: #111 !important;
    border-radius: 2px !important;
    position: absolute !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
  }
  
  .header .menu::before { transform: translateY(-8px) !important; }
  .header .menu::after { transform: translateY(8px) !important; }
  
  /* Burger to X Animation */
  .header .menu.open::before { transform: translateY(0) rotate(45deg) !important; }
  .header .menu.open span { opacity: 0 !important; }
  .header .menu.open::after { transform: translateY(0) rotate(-45deg) !important; }

  /* Mobile Dropdown Overrides */
  .has-dropdown {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .has-dropdown > a {
    width: 100% !important;
    justify-content: space-between !important;
  }
  
  .submenu {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border-top: none !important;
    border-left: 2px solid var(--orange) !important;
    padding: 0 0 0 15px !important;
    margin-top: 15px !important;
    display: none !important;
    width: 100% !important;
  }
  
  .submenu a {
    border-bottom: none !important;
    padding: 10px 0 !important;
  }

  .has-dropdown.open .submenu {
    display: flex !important;
  }
  
  .has-dropdown.open .chevron {
    transform: translateY(2px) rotate(225deg) !important;
  }
}

@media (max-width: 600px) {
  .header { 
    height: 72px !important; 
    padding: 0 18px !important; 
  }
  .brand img { 
    width: 62px !important; 
    height: 62px !important; 
  }
  .header nav { 
    top: 72px !important; 
  }
}

/* Hero Section - Forced Specificity */
.hero { 
  min-height: 700px !important; 
  background: url(/wp-content/uploads/2026/07/hero.png) center/cover no-repeat !important; 
  display: flex !important; 
  align-items: center !important; 
  color: #ffffff !important; 
  padding: 70px 7vw !important; 
}
.hero-inner { max-width: 690px !important; }

.hero .eyebrow { 
  font-size: 11px !important; 
  font-weight: 800 !important; 
  text-transform: uppercase !important; 
  letter-spacing: 2px !important; 
  color: var(--orange) !important; 
  display: flex !important; 
  align-items: center !important; 
  gap: 12px !important; 
}
.hero .eyebrow:before { content: "" !important; width: 32px !important; height: 2px !important; background: var(--orange) !important; }

.hero h1 { 
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 72px !important; 
  margin: 22px 0 !important; 
  color: #ffffff !important;
  line-height: 0.96 !important;
}
.hero h1 em { 
  font-style: normal !important; 
  color: var(--orange) !important; 
}

.hero-inner > p:not(.eyebrow) { 
  max-width: 570px !important; 
  color: #d5d5d5 !important; 
  line-height: 1.7 !important; 
  font-size: 16px !important; 
  font-family: "Inter", sans-serif !important;
}

.hero .actions { display: flex !important; gap: 12px !important; margin-top: 34px !important; }

/* Trust Bar */
.trust{display:grid !important;grid-template-columns:repeat(4,1fr) !important;padding:0 6vw !important;background:#fff !important}
.trust article{padding:30px !important;border-right:1px solid var(--line) !important;display:flex !important;align-items:center !important;gap:15px !important}
.trust article:last-child{border:0 !important}
.trust b{font:800 38px/1 "Barlow Condensed" !important;color:var(--orange) !important}
.trust span{font-size:12px !important;font-weight:700 !important}
/* New rule for the inserted image */
.trust article img.trust-logo {
    height: 38px !important; /* Matches your 38px font size */
    width: auto !important; /* Prevents image distortion */
    object-fit: contain !important; /* Ensures the logo is crisp and contained */
    display: block !important;
}

/* General Sections */
.eyebrow { 
  font-size: 11px !important; 
  font-weight: 800 !important; 
  text-transform: uppercase !important; 
  letter-spacing: 2px !important; 
  color: var(--orange) !important; 
  display: flex !important; 
  align-items: center !important; 
  gap: 12px !important; 
}
.eyebrow:before {
    content: "";
    width: 32px;
    height: 2px;
    background: var(--orange);
}
.section{padding:110px 7vw !important}
.about{display:grid !important;grid-template-columns:.85fr 1.15fr !important;gap:8vw !important;align-items:center !important;background:var(--paper) !important}
.eyebrow.dark{color:#333 !important}
.about h2,.projects h2,.why h2,.testimonials h2{font-size:54px !important}
.about h2 span,.projects h2 span,.why h2 span,.process h2 span{color:var(--orange) !important}
.about-copy>p:not(.eyebrow){color:var(--muted) !important;line-height:1.75 !important;font-size:15px !important}
.check-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;margin:27px 0 !important;font-size:15px !important;font-weight:700 !important}
.check-grid span::first-letter{color:var(--orange) !important}
.text-link{font-size:15px !important;font-weight:800 !important;border-bottom:1px solid var(--orange) !important;padding-bottom:6px !important}
.about-image{position:relative !important}
.about-image img{width:100% !important;display:block !important;aspect-ratio:4/3 !important;object-fit:cover !important}
.badge{position:absolute !important;left:-35px !important;bottom:28px !important;background:var(--orange) !important;color:#fff !important;padding:20px 28px !important;display:flex !important;flex-direction:column !important}
.badge b{font-family:"Barlow Condensed" !important;font-size:22px !important;text-transform:uppercase !important}
.badge span{font-size:11px !important}

/* Services */
.services{background:var(--ink) !important;color:#fff !important}
.heading-row{display:flex !important;align-items:end !important;justify-content:space-between !important;gap:30px !important;margin-bottom:48px !important}
.heading-row h2,.process h2,.cta h2{font-size:58px !important;margin:0 !important}
.heading-row>p{max-width:400px !important;color:#aaa !important;line-height:1.7 !important;font-size:15px !important}
.service-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;border-left:1px solid #363636 !important;border-top:1px solid #363636 !important}
.service-grid article{padding:35px !important;border-right:1px solid #363636 !important;border-bottom:1px solid #363636 !important;min-height:250px !important;transition:.25s !important}
.service-grid article:hover{background:var(--orange) !important;transform:translateY(-4px) !important}
.service-grid i{font:700 34px/1 "Barlow Condensed" !important;font-style:normal !important;color:var(--orange) !important}
.service-grid article:hover i{color:#fff !important}
.service-grid h3{font-size:28px !important;margin:35px 0 12px !important}
.service-grid p{font-size:15px !important;line-height:1.6 !important;color:#aaa !important}
.service-grid article:hover p{color:#fff !important}
.service-grid a{font-size:11px !important;font-weight:800 !important;color:var(--orange) !important}
.service-grid article:hover a{color:#fff !important}

/* Projects */
.projects{background:#fff !important}
.heading-row.light{align-items:end !important}
.projects .project-grid{display:grid !important;grid-template-columns:1.35fr 1fr 1fr !important;grid-template-rows:270px 270px !important;gap:16px !important}
.project{position:relative !important;background-size:cover !important;background-position:center !important;overflow:hidden !important}
.project:after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(transparent 35%,#000c) !important}
.project>div{position:absolute !important;z-index:1 !important;bottom:0 !important;padding:28px !important;color:#fff !important}
.project h3{font-size:25px !important;margin:8px 0 !important}
.project small{color:var(--orange) !important;font-weight:800 !important;text-transform:uppercase !important}
.project span{font-size:11px !important}
.projects .project{background:#161616 !important}
.projects .project.main-project{grid-row:1/3 !important;background-image:url(/wp-content/uploads/2026/07/hero.png) !important}
.projects .project img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform .45s ease !important}
.projects .project:hover img{transform:scale(1.04) !important}
.projects .project::after{pointer-events:none !important}
.commercial{background-image:url(/wp-content/uploads/2026/07/about.png) !important;background-position:center 65% !important}
.paving{background-image:url(/wp-content/uploads/2026/07/hero.png) !important;background-position:15% center !important}

/* Why Choose Us & Process */
.why{display:grid !important;grid-template-columns:1fr 1fr !important;min-height:730px !important;background:var(--paper) !important}
.why-photo{background:url(/wp-content/uploads/2026/07/about.png) center/cover !important}
.why-copy{padding:100px 8vw 80px 7vw !important}
.why-copy ul{padding:0 !important;list-style:none !important}
.why-copy li{position:relative !important;padding:0 0 24px 42px !important;margin-top:18px !important;border-bottom:1px solid var(--line) !important}
.why-copy li:before{content:"✓" !important;position:absolute !important;left:0 !important;top:0 !important;width:26px !important;height:26px !important;border:1px solid var(--orange) !important;color:var(--orange) !important;display:grid !important;place-items:center !important}
.why-copy li b{font-size:15px !important}
.why-copy li p{font-size:15px !important;color:var(--muted) !important;margin:7px 0 0 !important}
.process{background:var(--ink) !important;color:#fff !important}
.process h2{margin-bottom:50px !important}
.steps{display:grid !important;grid-template-columns:repeat(4,1fr) !important}
.steps article{padding:34px 28px !important;border-left:1px solid #3a3a3a !important}
.steps b{font:800 50px/1 "Barlow Condensed" !important;color:var(--orange) !important}
.steps h3{font-size:25px !important;margin:26px 0 12px !important}
.steps p{font-size:15px !important;line-height:1.6 !important;color:#aaa !important}

/* Testimonials & CTA */
.testimonials{background:#fff !important}
.reviews{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;margin-top:45px !important}
.reviews article{padding:30px !important;border:1px solid var(--line) !important;box-shadow:0 15px 35px #0000000a !important}
.reviews div{color:var(--orange) !important;letter-spacing:3px !important}
.reviews p{font-size:15px !important;line-height:1.7 !important;color:#555 !important;margin:22px 0 !important}
.reviews b{font-size:13px !important}
.cta{padding:85px 8vw !important;color:#fff !important;background:linear-gradient(90deg,#090909 0%,#090909e8 55%,#09090990),url(/wp-content/uploads/2026/07/hero.png) center/cover !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:40px !important}
.cta p:not(.eyebrow){color:#aaa !important;max-width:600px !important;line-height:1.6 !important; font-size:15px !important;}

/* Partners */
.partners{padding:72px 7vw !important;background:var(--paper) !important;display:grid !important;grid-template-columns:.8fr 1.2fr !important;align-items:center !important;gap:6vw !important;border-top:1px solid var(--line) !important}
.partners h2{font-size:44px !important;margin:14px 0 !important}
.partners-copy>p:last-child{color:var(--muted) !important;font-size:15px !important;line-height:1.7 !important;max-width:470px !important}
.partner-logos{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
.partner-logo{height:142px !important;background:#fff !important;border:1px solid var(--line) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:30px !important;transition:.25s !important}
.partner-logo:hover{border-color:var(--orange) !important;transform:translateY(-4px) !important;box-shadow:0 16px 35px #0000000d !important}
.partner-logo img{display:block !important;max-width:100% !important;max-height:82px !important;object-fit:contain !important}
.partner-logo:first-child img{border-radius:50% !important}
.partner-dark{background:#151515 !important}

/* ==========================================
   Footer Styles (Themify Widget Corrected & Upgraded)
   ========================================== */

/* Base Footer Structure */
.site-footer { 
  background: #050505 !important; 
  color: #aaa !important; /* Lighter gray for premium contrast */
  padding: 0 7vw !important; 
  display: block !important; 
  font-size: 15px !important; /* Increased from 12px */
  border-top: 3px solid var(--orange) !important; 
  font-family: "Inter", Arial, sans-serif !important;
  line-height: 1.7 !important;
}
.site-footer img { width: auto !important; }

/* Contact and paragraph base adjustments */
.site-footer p { 
  font-size: 15px !important; 
  color: #aaa !important; 
  margin-bottom: 18px !important; 
}

/* 3-Column Grid Setup */
.footer-main { 
  padding: 80px 0 60px !important; /* Increased padding for breathing room */
  display: grid !important; 
  grid-template-columns: 1.4fr 1fr 1.2fr !important; /* Enforced 3-column layout */
  gap: 5vw !important; 
}

/* Footer Brand */
.footer-brand img { 
  width: 130px !important; 
  height: auto !important; 
  object-fit: contain !important; 
  margin-bottom: 0px !important; 
}
.footer-brand p { 
  max-width: 340px !important; 
  line-height: 1.75 !important; 
  margin: 0 0 25px !important; 
}
.footer-brand .module-image .image-wrap{
	    margin-bottom: 0em;
}

/* Footer Socials (Themify Widget Fix) */
.footer-socials .themify-social-links ul { 
  display: flex !important; 
  flex-direction: row !important; 
  gap: 12px !important; 
  padding: 0 !important; 
  margin: 0 !important; 
  list-style: none !important; 
}
.footer-socials .themify-social-links li { 
  margin: 0 !important; 
  padding: 0 !important; 
}
.footer-socials .themify-social-links a { 
  width: 38px !important; 
  height: 38px !important; 
  border: 1px solid #333 !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  color: #fff !important; 
  font-weight: 800 !important; 
  border-radius: 0 !important; 
  text-decoration: none !important; 
  padding: 0 !important; 
  transition: 0.3s ease !important; 
}
.footer-socials .themify-social-links a:hover { 
  background: var(--orange) !important; 
  border-color: var(--orange) !important; 
}
.footer-socials .themify-social-links a em, 
.footer-socials .themify-social-links a svg { 
  width: 16px !important; 
  height: 16px !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  margin: 0 !important; 
  fill: currentColor !important; 
}

/* Footer Columns & Quick Links (Themify Widget Fix) */
.footer-column .widget { margin-bottom: 0 !important; }

/* Headings stripped of Themify defaults */
.footer-column h3, 
.footer-column .widgettitle { 
  font: 700 24px/1 "Barlow Condensed", sans-serif !important; /* Increased heading size */
  color: #fff !important; 
  letter-spacing: 0.5px !important; 
  margin: 0 0 20px !important; 
  position: relative !important; 
  padding-bottom: 15px !important; 
  text-transform: uppercase !important; 
  border: none !important; 
}
.footer-column h3::after, 
.footer-column .widgettitle::after { 
  content: "" !important; 
  position: absolute !important; 
  left: 0 !important; 
  bottom: 0 !important; 
  width: 35px !important; 
  height: 2px !important; 
  background: var(--orange) !important; 
  border: none !important;
}

/* Menu List Fix */
.footer-column .widget_nav_menu ul.menu { 
  display: flex !important; 
  flex-direction: column !important; 
  gap: 15px !important; 
  padding: 0 !important; 
  margin: 0 !important; 
  list-style: none !important; 
}
.footer-column .widget_nav_menu li { 
  margin: 0 !important; 
  padding: 0 !important; 
  border: none !important; 
}
.footer-column a, 
.footer-column .widget_nav_menu a { 
  font-size: 15px !important; 
  transition: 0.2s ease !important; 
  color: #aaa !important; 
  text-decoration: none !important; 
  display: inline-block !important; 
  border: none !important; 
}
.footer-column > a:not(.footer-quote):hover, 
.footer-column .widget_nav_menu a:hover { 
  color: var(--orange) !important; 
  padding-left: 6px !important; 
  background: transparent !important; 
}

/* Footer Contact Area */
.footer-contact > a, 
.footer-contact > p { 
  display: block !important;
  font-size: 15px !important; 
  color: #aaa !important; 
  line-height: 1.6 !important; 
  margin: 0 0 18px !important; 
  overflow-wrap: anywhere !important; 
  text-decoration: none !important; 
  transition: color 0.2s ease !important; 
}

/* Contact Link Hover */
.footer-contact a:not(.footer-quote):hover { 
  color: var(--orange) !important; 
}

/* The CALL / EMAIL / COVERAGE labels */
.footer-contact span { 
  display: block !important; 
  color: #fff !important; 
  font-size: 12px !important; 
  text-transform: uppercase !important; 
  letter-spacing: 1px !important; 
  margin-bottom: 4px !important; 
  font-weight: 700 !important; 
}

/* Force labels to stay white when the link is hovered */
.footer-contact a:hover span { 
  color: #fff !important; 
}

.footer-contact .footer-quote { 
  display: inline-block !important; 
  margin-top: 10px !important; 
  color: var(--orange) !important; 
  font-weight: 800 !important; 
  text-transform: uppercase !important; 
  letter-spacing: 0.5px !important; 
  font-size: 15px !important; 
}
.footer-contact .footer-quote:hover { 
  color: #fff !important; 
}

/* Footer Bottom Copyright */
.footer-bottom { 
  border-top: 1px solid #222 !important; 
  min-height: 80px !important; 
  display: flex !important; 
  flex-direction: row !important; 
  align-items: center !important; 
  justify-content: flex-start !important; /* Changed from space-between to align left */
  gap: 4px !important; /* Adds a small space between text and link */
  flex-wrap: wrap !important;
  font-size: 14px !important;
  color: #aaa !important;
}

/* Agency Link Styling */
.footer-bottom a { 
  color: #aaa !important; 
 
  text-decoration: none !important;
  transition: 0.3s ease !important;
}

.footer-bottom a:hover { 
  color: #ff6500 !important; 
}
/* ==========================================
   Unified Media Queries (Mobile Responsive)
   ========================================== */
@media(max-width:900px){
  .site-footer .footer-main { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 45px !important; 
    padding: 60px 5vw !important; 
  }
  .site-footer .footer-main .sub_column { 
    width: 100% !important; 
    max-width: 100% !important; 
    margin: 0 !important; 
  }
  .site-footer { padding: 0 5vw !important; }
  .site-footer .footer-bottom { 
    justify-content: center !important; 
    text-align: center !important; 
    padding: 25px 5vw !important; 
  }
}

@media (max-width: 786px) {
  .site-footer { padding: 0 22px !important; }
  .footer-main { padding: 60px 0 40px !important; gap: 45px !important; }
  .footer-contact { grid-column: auto !important; }
  .footer-bottom { align-items: flex-start !important; flex-direction: column !important; padding: 24px 0 !important; }
  .footer-bottom div { flex-direction: row !important; flex-wrap: wrap !important; }
}
/* Unified Media Queries */
@media(max-width:900px){
  .header nav,.header-action span{display:none !important}
  .header-action{margin-left:auto !important}
  .menu{display:block !important;border:0 !important;background:none !important;font-size:22px !important}
  .hero{min-height:620px !important;background-position:65% center !important}
  h1{font-size:52px !important}
  .trust{grid-template-columns:1fr 1fr !important}
  .about,.why{grid-template-columns:1fr !important}
  .about-image{order:-1 !important}
  .service-grid{grid-template-columns:1fr 1fr !important}
  .projects .project-grid{grid-template-columns:1fr 1fr !important;grid-template-rows:390px 270px 270px !important}
  .projects .project.main-project{grid-column:1/3 !important;grid-row:auto !important}
  .partners{grid-template-columns:1fr !important}
  .steps,.reviews{grid-template-columns:1fr 1fr !important}
  .cta{align-items:flex-start !important;flex-direction:column !important}
 
}

@media (max-width: 786px) {
  .header{height:72px !important;padding:0 18px !important}
  .brand img{width:62px !important;height:62px !important}
  .header-action .btn{display:none !important}
  .hero{padding:50px 22px !important;min-height:650px !important;background-position:70% center !important}
  .hero:before{content:"" !important;position:absolute !important;inset:0px 0 0 !important;background:#0004 !important}
  .hero-inner{position:relative !important}
	  .hero .eyebrow{font-size: 9px !important}
  .eyebrow{font-size: 9px !important}
   .hero h1{font-size:45px !important}
  .actions{flex-direction:column !important;align-items:flex-start !important}
  .trust,.service-grid,.steps,.reviews{grid-template-columns:1fr !important}
  .trust article{padding:18px !important}
	.trust article {
		border-right: 0px solid var(--line) !important;}
  .section{padding:75px 22px !important}
  .about,.heading-row{display:block !important}
  .about-image{margin-bottom:45px !important}
  .badge{left:10px !important}
  .about h2,.projects h2,.why h2,.testimonials h2,.heading-row h2,.process h2,.cta h2{font-size:42px !important}
  .heading-row>p{margin-top:20px !important}
  .projects .project-grid{display:block !important}
  .projects .project{height:300px !important;margin-bottom:14px !important}
  .projects .project.main-project{height:360px !important}
  .why-copy{padding:75px 22px !important}
  .why-photo{min-height:420px !important}
  .partners{padding:60px 22px !important}
  .partners h2{font-size:38px !important}
  .partner-logos{grid-template-columns:1fr !important}
  .partner-logo{height:120px !important}
  .cta{padding:70px 22px !important}
  .site-footer{padding:0 22px !important}
 
}


/* Form Google captcha */

.g-recaptcha {
    display: flex !important;
    justify-content: center !important;
}