/* ════════════════════════════════════════════════════════════
   DESIGN REFRESH — payload-004 batch-2 (2026-05-10)
   Fix 1 — Brandon Grotesque integration
   ════════════════════════════════════════════════════════════ */

/* Brandon Grotesque (self-hosted, single weight)
   Restores Brandon as body font. Headings continue to use Crimson Text.
   License: HVD Web Font EULA 2.0, classiclandscaping.com domain.
   Source: HvD Order #05018, BrandonGrotesque-Regular.woff2 (97 KB). */
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('../fonts/brandon-grotesque/BrandonGrotesque-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* CLS-protection shim: makes the system fallback render with Brandon's
   metrics, so the swap from fallback -> Brandon is visually invisible.
   Computed via capsize formula vs Arial/Helvetica fallback.
   Brandon metrics: upem=1000, ascent=1050, descent=-380, x-height=400. */
@font-face {
  font-family: 'Brandon Grotesque Fallback';
  src: local('Arial'), local('Helvetica'), local('Liberation Sans');
  size-adjust: 117.35%;
  ascent-override: 89.47%;
  descent-override: 32.38%;
  line-gap-override: 0%;
}

/* Body font stack — Brandon first, fallback shim, then system safety.
   Form controls (button, input, select, textarea) do not inherit
   font-family by default — explicit rule needed. */
body,
button,
input,
select,
textarea {
  font-family: 'Brandon Grotesque',
               'Brandon Grotesque Fallback',
               'Segoe UI',
               -apple-system,
               BlinkMacSystemFont,
               system-ui,
               sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
/* font-family: "Crimson Text", serif; */

.main_header { background:#12364A !important; top: 0 !important;}
.main_header a{ color:#fff !important; font-size: 18px !important; font-weight: 400 !important;}
.main_header a:hover, .main_header a:focus {  color: #DE6221 !important;}
header.main_header#masthead.light .block-button a { color: #fff !important; border-width: 1px !important; background-color: transparent; border-color: #fff !important; font-size: 18px !important;}
header.main_header#masthead.light .block-button{ margin-left:40px; max-width: 220px !important;}
.main_header .masthead-inner { padding: 10px 0px; display: flex; align-items: center; justify-content: center;}
.main_header .masthead-inner .logo-container img { max-width: 200px;}
.main_header .masthead-inner .logo, .main_header .masthead-inner .logo-dark { margin: 0 !important; opacity: 1; position: relative;}
.main_header .masthead-inner .logo-dark { display: none;}

header.main_header#masthead .block-button{width: 220px !important; max-width: 220px; margin-left:40px;}
/* ── Footer: 3-column layout (Logo | Nav | Contact) ── */
.new_footer { background: #7E9A89; color: #fff; }
.new_footer .footer-main {
  max-width: 1280px;
  margin: 0 auto;
  padding: 44px 40px 28px;
  display: grid;
  grid-template-columns: 200px 1fr 240px;
  gap: 40px;
  align-items: start;
}
/* Left: Logo */
.new_footer .footer-logo img { max-width: 200px; }
/* Center: Nav rows */
.new_footer .footer-nav-wrap { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }
.new_footer .footer-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 32px; list-style: none; margin: 0; padding: 0; }
.new_footer .footer-nav li a { font-size: 15px; color: #d4ddd8 !important; transition: color 0.2s; }
.new_footer .footer-nav li a:hover { color: #fff !important; text-decoration: underline; }
/* Right: Contact */
.new_footer .footer-contact { text-align: right; }
.new_footer .footer-contact-title { font-family: "Crimson Text", serif; font-size: 18px; font-weight: 600; margin-bottom: 12px; color: #fff; }
.new_footer .footer-contact address { font-style: normal; color: #d4ddd8 !important; font-size: 15px; line-height: 1.6; margin-bottom: 8px; }
.new_footer .footer-phone { display: inline-block; font-size: 19px; font-weight: 600; color: #fff !important; text-decoration: none; margin-bottom: 14px; }
.new_footer .footer-phone:hover { color: #12364A !important; }
.new_footer .footer-socials ul { list-style: none; display: flex; justify-content: flex-end; gap: 10px; margin: 0; padding: 0; }
.new_footer .footer-socials a { text-decoration: none; }
.new_footer .footer-socials a i { color: #12364A; font-size: 20px; transition: color 0.2s; }
.new_footer .footer-socials a:hover i { color: #DE6322; }
/* Service Areas strip */
.new_footer .footer-areas { max-width: 1280px; margin: 0 auto; padding: 20px 40px 24px; border-top: 1px solid rgba(255,255,255,0.2); text-align: center; }
.new_footer .footer-areas-title { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.5); margin-bottom: 10px; }
.new_footer .footer-areas-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 6px; list-style: none; margin: 0; padding: 0; }
.new_footer .footer-areas-list li a { font-size: 13px; color: #fff !important; transition: color 0.2s; }
.new_footer .footer-areas-list li a:hover { color: #12364A !important; }
.new_footer .footer-areas-list li:not(:last-child)::after { content: "\00a0\00b7"; color: rgba(255,255,255,0.35); }
/* Bottom bar */
.new_footer .footer-bottom { max-width: 1280px; margin: 0 auto; padding: 16px 40px; border-top: 1px solid rgba(255,255,255,0.2); text-align: center; }
.new_footer .footer-bottom p { font-size: 13px; color: #d4ddd8 !important; margin: 0; }
.new_footer .footer-bottom a { color: #d4ddd8 !important; }
.new_footer .footer-bottom a:hover { color: #fff !important; }

/* FAQS NEW   font-family: "Crimson Text", serif; */
section.new_FAQ {  padding: 50px 0 15px 0; margin-bottom: 20px;}
section.new_FAQ h2 { font-size: 36px !important; text-align: center; width: 100%; flex: 0 0 100% !important; font-family: "Crimson Text", serif; font-weight: 400 !important;}
.new_FAQ .header-content, .new_FAQ .header-content h3 { margin: 0px !important; gap: 0;}
section.new_FAQ .accordion, section.new_FAQ .accordion_01 { display: flex; flex-wrap: wrap; column-gap: 50px;}
section.new_FAQ .accordion li,section.new_FAQ .accordion_01 li { flex: 0 0 calc(50% - 30px); margin: 0; border-bottom: 1px solid rgba(255,255,255,.3) !important; padding: 10px 0 !important;}
section.new_FAQ .accordion h3, section.new_FAQ .accordion_01 h3 { font-size: 20px !important; font-weight: 400 !important; line-height: unset !important;}
section.new_FAQ .accordion li > div, section.new_FAQ .accordion_01 li > div  { padding: 0px 0 0px 0; border-top: 0; border-bottom: 0px solid rgba(255,255,255,0.3) !important; margin-bottom: 0;}
section.new_FAQ .chevron-item strong { color: #fff !important; font-weight: 400 !important;}
section.new_FAQ .accordion li:last-of-type .accordion-item-question, section.new_FAQ .accordion_01 li:last-of-type .accordion-item-question{padding-bottom: 10px; border-bottom: 0px solid #fff;}
section.new_FAQ  .show_btn { margin-top: 20px; text-align: center; width: 100%; margin-bottom: 30px !important; margin-bottom: 60px !important;}
section.new_FAQ .show_btn a { text-decoration: underline; font-size: 18px !important;}
section.new_FAQ .accordion-item-answer p { font-size: 18px;  line-height: 24px;  letter-spacing: 0;}
/* .accordion li.accordion-item-active div.accordion-item-answer, .accordion li div.accordion-item-answer, section.new_FAQ .accordion_01 li.accordion-item-active div.accordion-item-answer, section.new_FAQ .accordion_01 li div.accordion-item-answer { margin-bottom: 10px;  transition: none !important;} */

.accordion li.accordion-item-active div.accordion-item-answer, .accordion li div.accordion-item-answer, .accordion_01 li.accordion-item-active div.accordion-item-answer, .accordion_01 li div.accordion-item-answer { margin-bottom: 10px;  transition: none !important;}



/* hero h1 pill */
.hero-h1-section { position: absolute; top: 90px; left: 0; width: 100%; z-index: 10; text-align: center; pointer-events: none; }
.hero-pill { font-size: 18px; font-weight: 400; color: #fff; border: 2px solid rgba(255,255,255,0.5); padding: 7px 20px; border-radius: 50px; background-color: rgba(255,255,255,0.2); display: inline-block; font-family: inherit; margin: 0; letter-spacing: 0.5px; }
@media (max-width:991px) {
  .hero-h1-section { top: 80px; }
  .hero-pill { font-size: 15px; padding: 6px 16px; }
}
@media (max-width:767px) {
  .hero-h1-section { top: 75px; }
  .hero-pill { font-size: 13px; padding: 5px 14px; }
}

/* owl-carousel */
.owl-item { height: 740px;  }
.owl-carousel {  margin-top: 70px;}
.owl-stage-outer .item {  padding: 50px 100px; height: 100%; background-size: unset;  background-position: center center;  background-repeat: no-repeat; background-attachment: fixed;}
.owl-dots { bottom: 40px; position: absolute; width: 100%;  }
.owl-dots .owl-dot.active span {  background-color: #fff !important;  border: 2px solid #fff !important;}
.owl-dots .owl-dot span {  background-color: transparent !important;  border: 2px solid #fff !important;}
.outer_slider {   justify-content: space-between;  padding: 32px 32px 10px; backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.08); border: 2px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; gap: 50px; -webkit-backdrop-filter: blur(25px); flex-wrap: wrap;}
.outer_slider > div{ flex: 0 0 calc(50% - 25px);}
 
.outer_slider h1 { font-size: 18px; font-weight: 400; border: 2px solid rgba(255,255,255,0.5); padding: 7px 15px; border-radius: 50px; background-color: rgba(255,255,255,0.2); display: inline-block; margin-bottom: 20px;}
.outer_slider h2 { font-size: 44px; font-family: "Crimson Text", serif; font-weight: 400;}
.outer_slider .right p { font-size: 20px; margin-bottom: 20px; display: block;}
.outer_slider .right ul { list-style: none; padding: 0; margin: 20px 0 0 0; display: flex; gap: 30px; align-items: center; padding-left: 0 !important;}
.outer_slider .right ul a.orange_btn { font-size: 20px; background: #DE6221; padding: 10px 25px; border-radius: 50px; line-height: 23px; display: inline-block; color: #fff !important;  font-weight: 400 !important;  text-decoration: none !important; transition: 0.4s ease-in;}
.outer_slider .right ul a.orange_btn:hover, .outer_slider .right ul a.orange_btn:focus {  background: #fff !important;  color: #DE6221 !important; transition: 0.4s ease-in;}
.outer_slider .right ul a.link_text { font-size: 20px; text-decoration: underline;  color: #fff !important;  font-weight: 400 !important; transition: 0.4s ease-in;}
/* .outer_slider .right ul a.link_text:hover, .outer_slider .right ul a.link_text:focus {  color: #DE6221 !important; transition: 0.4s ease-in;} */

.green_list { background: #7E9A89; padding: 30px 0px; }

.green_list ul {padding: 0; margin: 0; display: flex; justify-content: space-between; list-style: none; align-items: flex-start; gap: 50px; }
.green_list ul div {  display: flex;  align-items: center;  gap: 12px;  margin-bottom: 0;}
.green_list ul div img { width: 48px; height: 48px; object-fit: contain; }
.green_list ul h4 { font-size: 26px; font-family: "Crimson Text", serif; }
.green_list ul p {  font-size: 20px; margin: 0;}
.green_list ul li {  display: flex; flex-direction: column;  min-height: 130px; height: auto; justify-content: center;}
.green_list ul li p {  margin-top: 7px; line-height: 1.4;}


.awards{ padding: 50px 0 20px 0;}
.awards h3 {  font-size: 40px;  font-family: "Crimson Text", serif; font-weight: 400;}
.awards .title p {  font-size: 20px;}
.awards .content {  display: flex;  gap: 50px;  align-items: center; flex-wrap: wrap;}
.awards .content > div.title {  flex: 0 0 calc(40% - 25px);}
.awards .content > div {  flex: 0 0 calc(60% - 25px);}
.awards ul {  list-style: none;  padding: 0;  margin: 0 0 30px 0; gap: 40px;  align-items: center;  display: flex;  border-bottom: 1px solid rgba(255,255,255,0.5);  padding: 0px 0 0px 0 !important;  }
.awards_block ul li{ flex: 1;}
.awards ul:last-child {  border: none;  margin: 0;  padding: 0;}
.awards .content > div.awards_block {  padding: 30px;  background-color: rgba(255,255,255,0.08);  border: 1px solid rgba(255,255,255,0.3); }
.awards .content > div.awards_block p { font-size: 20px; font-family: "Crimson Text", serif; margin-bottom: 0; }
.awards_block > div {  border-bottom: 1px solid rgba(255,255,255,.5);  padding: 0 0 30px 0 !important; margin-bottom: 30px;}
.awards_block > div:last-child {  border: none;  padding: 0px !important;  margin-bottom: 0px;}

.services, .portfolio{padding: 50px 0;}
.services h3, .portfolio h3 {  font-size: 40px;  font-family: "Crimson Text", serif; font-weight: 400;}

.services_hover .services_hover a img, .portfolio_hover a img {  max-width: 40px;}
.slider_owl .item, .portfolio_owl .item {  padding: 0;  position: relative;  display: flex;  flex-wrap: wrap;}
.owl-carousel .owl-item .services_hover a, .owl-carousel .owl-item .portfolio_hover a {  position: absolute;  right: 20px;  top: 20px;}
.slider_owl .item h4, .portfolio_owl .item h4 {  font-size: 28px;  font-family: "Crimson Text", serif;  width: 100%;}
.slider_owl .item p, .portfolio_owl .item p  {  font-size: 20px; line-height: unset; margin-bottom: 0;}
.services_hover, .portfolio_hover { -webkit-backdrop-filter: blur(25px); height: auto;  margin-top: auto;  width: 100%;  padding: 20px;  backdrop-filter: blur(15px);  background: rgba(255, 255, 255, 0.08);}
.services_hover p, .portfolio_hover p {  display: none;}
.slider_owl .owl-item, .portfolio_owl .owl-item {  height: 380px;}
.slider_owl .owl-item .item, .portfolio_owl .owl-item .item {  background-position: center center;  background-size: 100% auto;}
.slider_owl .owl-item .item:hover .services_hover p,   .portfolio_owl .owl-item .item:hover .portfolio_hover p {  display: block;}
.slider_owl .owl-item .item:hover .services_hover,  .portfolio_owl .owl-item .item:hover .portfolio_hover {  height: 100%;  align-items: center;  display: flex;  flex-direction: column;  margin: 0;  justify-content: flex-end;}
.slider_owl .owl-item .item:hover h4, .portfolio_owl .owl-item .item:hover h4{ margin-bottom: 15px;}

.slider .owl-nav, .portfolio .owl-nav {position: absolute; right: 0; top: -106px; gap: 10px; display: flex; margin-top: 0 !important;}
.slider .owl-carousel, .portfolio .owl-carousel { margin-top: 40px;}
.slider .owl-nav span, .portfolio .owl-nav span {  background-image: url('../images/right_arrow.svg');  width: 37px;  display: inline-block;  height: 37px;  background-repeat: no-repeat;  font-size: 0;  background-size: contain;}
.slider .owl-nav .owl-prev span, .portfolio .owl-nav .owl-prev span {  background-image: url('../images/left_arrow.svg');}
.slider .owl-nav button, .portfolio .owl-nav button { background: transparent !important; }

.text-center { text-align: center; margin-top: 40px;}
.text-center .orange_btn { font-size: 20px; background: #DE6221; padding: 10px 25px; border-radius: 50px; line-height: 23px; display: inline-block; transition: 0.4s ease-in; }
.text-center .orange_btn:hover, .text-center .orange_btn:focus{ background: #fff !important;  color: #DE6221 !important; transition: 0.4s ease-in;}

.portfolio{}
.portfolio_hover{}

.testo_slider{ background:#7E9A89; padding:50px 0}
.testo_slider  h3 {  font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400;}
.testo_slider .item p {  font-size: 20px; line-height: inherit; display: inline;}
.testo_slider .owl-stage {  padding-bottom: 5px;}
.testo_slider .item { margin-left:1px;  padding: 20px;  background: rgba(255,255,255,.08) !important;  border: 1px solid rgba(255,255,255,.3) !important; }
.test_outer .star {  display: flex;  margin-bottom: 15px;  gap: 5px;}
.test_outer .star img {  max-width: 20px;}
.test_outer p a {  font-weight: 500;  color: #fff !important;}
.testo_slider .item small {  display: flex; margin-top:15px;}
.testo_slider .item small img {  max-width: 20px;  height: auto;  height: auto;  width: auto;  margin: 0px 8px;}
.testo_slider .item small span {  font-weight: 500;}
.testo_slider .owl-item {  height: auto;}

.testo_slider .owl-nav {position: absolute; right: 0; top: -95px; gap: 10px; display: flex; margin-top: 0 !important;}
.testo_slider .owl-carousel { margin-top: 40px;}
.testo_slider .owl-nav span {  background-image: url('../images/right_arrow.svg');  width: 37px;  display: inline-block;  height: 37px;  background-repeat: no-repeat;  font-size: 0;  background-size: contain;}
.testo_slider .owl-nav .owl-prev span {  background-image: url('../images/left_arrow.svg');}
.testo_slider .owl-nav button { background: transparent !important; }
.testo .owl-stage {  display: flex;}

.about_new{ padding:50px 0}
.about_new h3{ font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400; text-align: center;}

.about_new .rating_heading {  text-align: center;  list-style: none;  margin: 40px 0;  padding: 0;  display: flex;  justify-content: space-evenly;}
.about_new .rating_heading h2 {  color: #DE6221;  font-family: "Crimson Text", serif;  width: 100%;  font-weight: 400;  margin-bottom: 5px; font-size: 48px;}
.about_new .rating_heading p {  font-size: 18px;}

.about_new .about_inner {  display: flex;  gap: 50px;  flex-wrap: wrap;}
.about_new .about_inner > div {  flex: 0 0 calc(50% - 25px); position: relative;}
.left_accordian .accordion {  margin-top: -10px;}

.about_new .accordion .question-title, .about_inner .accordion_01 .question-title {  display: flex;  align-items: center;  gap: 15px;}
.about_new .accordion h3, .about_inner .accordion_01 h3 {  font-size: 26px;  font-weight: 400 !important; text-align: left;}
.accordion .accordion-item-answer p, .accordion_01 .accordion-item-answer p {  display: flex;  align-items: center;  gap: 15px;  margin-bottom: 0; font-size: 18px;  line-height: 24px;}
.about_inner .accordion .accordion-item-question, .about_inner .accordion_01 .accordion-item-question {  border: 0px;  padding: 0;}
.about_inner .accordion li, .about_inner .accordion_01 li {  border-bottom: 1px solid rgba(255,255,255,0.3);  padding-bottom: 15px;  margin-bottom: 15px;}
.about_inner .accordion li .chevron-item strong, .about_inner .accordion_01 li .chevron-item strong {  color: #fff !important;  font-weight: 400;}
.about_inner .accordion li:last-of-type .accordion-item-question, .about_inner .accordion_01 li:last-of-type .accordion-item-question { border-bottom: 0px solid #fff; padding-bottom: 0; }

.right_slider {overflow: hidden; padding-bottom: 60px;}
.right_slider .right_slider_owl { margin: 0; width: 100%; }
.right_slider .right_slider_owl .item {  padding: 0;  margin: 0;}
.right_slider .right_slider_owl .owl-item {  height: 420px;}
.right_slider .right_slider_owl .owl-dots { bottom: -60px; }


.right_slider ul.before {  position: absolute;  left: 0;  width: 100%;  display: flex;  justify-content: space-between;  padding: 15px !important;  top: 320px;  z-index: 99;  list-style: none;}
.right_slider ul.before li{ padding: 10px 20px !important;; line-height: 12px; border-radius: 50px;  backdrop-filter: blur(25px);  background: rgba(255,255,255,.08);  border: 2px solid rgba(255,255,255,.3);}


.container_inner { position: relative; width: 100%; height: 100%; }
  .container_inner .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 900px 100%;  }
  .container_inner .background-img { background-image: url("https://farm2.staticflickr.com/1663/25814974803_d4c55ff708_b.jpg");  }
  .container_inner .foreground-img { background-image: url("https://farm2.staticflickr.com/1638/26145024230_06acd55d1b_b.jpg"); width: 50%;border-right: 1px solid #fff;  }  
  .container_inner .slider { border:0px; position: absolute; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: rgba(242, 242, 242, 0.0); outline: none; margin: 0; transition: all 0.2s; display: flex; justify-content: center; align-items: center; padding: 0;  }

  .container_inner .slider-button { pointer-events: none; position: absolute; width: 35px; height: 35px; border-radius: 0%; background-color: white; left: calc(50% - 18px); top: calc(50% - 18px); display: flex; justify-content: center; align-items: center; /*rotate: 45deg;*/ opacity: 0.8; rotate: 45deg;}
  .container_inner .slider-button:after { display: none !important; content: ""; padding: 3px; display: inline-block; border: solid #5D5D5D; border-width: 0 2px 2px 0;  }
  .container_inner .slider-button:before { display: none !important;  content: ""; padding: 3px; display: inline-block; border: solid #5D5D5D; border-width: 0 2px 2px 0;  }
  *, *:before, *:after { box-sizing: inherit;  }
  .container_inner input { opacity: 0;  }
  

/* .wrapper{ width: 900px; height: 600px; position: absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); overflow:hidden; box-shadow: 0 10px 0px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  }

.before, .after { width:100%; height:100%; background-repeat:no-repeat; background-color: white; background-size: cover; background-position: center; position: absolute; top:0; left:0; pointer-events:none; overflow: hidden;  }
.content-image{ height:100%;  }
.after{ width:125px;  }  
.scroller{ width: 50px; height:50px; position: absolute; left:100px; top:50%; transform:translateY(-50%); border-radius:50%; background-color: transparent; opacity:0.9; pointer-events:auto; cursor: pointer;  }
.scroller:hover{ opacity:1;  }
.scrolling{ pointer-events:none; opacity:1; // z-index: 1;  }  
.scroller__thumb{ width:100%; height:100%; padding:5px;  }
.scroller:before,  .scroller:after{ content:" "; display: block; width: 7px; height: 9999px; position: absolute; left: 50%; margin-left: -3.5px; z-index: 30; transition:0.1s;  }
.scroller:before{ top:100%;  }
.scroller:after{ bottom:100%;  }

.scroller{ border: 5px solid #fff;  }
.scroller:before,  .scroller:after{ background: #fff;  }
.before, .after { width: 100%; height: 100%; background-repeat: no-repeat; background-color: white; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden;  } */




.map_section{ background:#7E9A89; padding:50px 0}
.map_section .content { max-width: 1600px; margin: 0 auto;  }
.map_section  h3 {  font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400; text-align: center;}
.map_section  p {  font-size: 20px; text-align: center;}
.map_section .inner_map {  min-height: 650px;  background-size: contain;  background-repeat: no-repeat;  background-position: top center;  position: relative; margin-top: 40px;}
.inner_map li { position: absolute;  padding: 15px;  background-color: rgba(255,255,255,.08);  border: 1px solid rgba(255,255,255,0.3);  width: 260px;  text-align: left;  list-style: none;}
.inner_map li p {  text-align: left;  font-size: 16.5px;  line-height: unset;  margin-bottom: 0; display: none;}
.inner_map li:hover p{ display: block;}
.inner_map li h4 {  display: flex;  justify-content: space-between;  margin-bottom: 10px;  font-size: 22px;  font-family: "Crimson Text", serif;  font-weight: 400;}
.inner_map li h4 img {  width: 24px;  height: 24px;}
.inner_map ul {  margin: 0;  padding: 0; position: relative;}
/* .circle {  bottom: -60px; left: 44%; position:absolute; background: #fff;  color: #000;  width: 40px;  display: inline-block;  height: 40px;  text-align: center; line-height: 37px;  border-radius: 50px; font-family: "Crimson Text", serif;  font-size: 26px;}
.circle:before {  content: "";  height: 85px;  width: 2px;  display: inline-block;  position: absolute;  border: 1px dashed #fff;  z-index: 99;  bottom: -80px;  margin-left: 5px;}
.circle:after {  content: "";  height: 15px;  width: 15px;  display: inline-block;  position: absolute;  background: #fff;  z-index: 99;  bottom: -80px;  border-radius: 30px;  margin-left: -12px;} */


.circle { position: absolute;  bottom: -130px;  display: flex;  flex-direction: column;  justify-content: center;  text-align: center;  left: 45%; height: 140px;}/*  background: red;*/
.circle i {  background: #fff;  color: #000;  width: 40px;  display: inline-block;  height: 40px;  text-align: center;  line-height: 37px;  border-radius: 50px;  font-family: "Crimson Text", serif;  font-size: 26px; font-style: normal !important; }
.circle img {  height: 80px;}


.inner_map li.one { bottom: -370px;}
.inner_map li.one .circle {  bottom: -140px;}
/* .inner_map li.one p {  display: block;} */

.inner_map li.two {  left: 470px;  top:410px;}
.inner_map li.two .circle {  top: -150px;  flex-direction: column-reverse;}
.inner_map li.two .circle img {  transform: rotate(540deg);}
/* .inner_map li.two .circle {  transform: rotate(180deg);  top: -60px;} */

.inner_map li.three {  left: 370px;  top: 10px;}
.inner_map li.three .circle { left: 340px;  top: 0px;  width: 160px;  height: 70px; margin-left: -70px;}
.inner_map li.three .circle img { transform: rotate(270deg); margin-top: -60px;  }
/* .inner_map li.three .circle {  transform: rotate(450deg);  left: 380px;  top: 20px;  transform: rotateY(180deg);} */

.inner_map li.four { right: 330px;  top: 120px; left: unset;}
.inner_map li.four .circle {left: -60px;  top: 9px;  width: 160px;  height: 70px; margin-left: -70px; flex-direction: row-reverse;}
.inner_map li.four .circle i {  font-style: initial;}
.inner_map li.four .circle img { transform: rotate(-270deg);  margin-top: -20px;}
.inner_map li.four .circle i {  margin-left: 20px;}
/* .inner_map li.four {  right: -1029px;  top: -390px;  left: unset;} */

.inner_map li.five {right: 550px; top: unset; left: unset; bottom: -400px;}
.inner_map li.five .circle {  bottom: -140px;}

.inner_map li.six { right: 80px; top: 390px; left: unset;}
.inner_map li.six .circle {left: -60px;  top: 9px;  width: 160px;  height: 70px; margin-left: -70px; flex-direction: row-reverse;}
.inner_map li.six .circle img { transform: rotate(-270deg);  margin-top: -20px;}
.inner_map li.six .circle i {  margin-left: 20px;}

.inner_map li.seven { right: 0px;  top: 0px; left: unset;}
.inner_map li.seven .circle{ display: none;}
  
.last_circle {  position: absolute;  right: -10px;  top: 180px;  width: 180px !important;  text-align: center !important;  background-color: transparent !important; border: 0px !important;}
.last_circle h4{ display: block !important;}

.footer_form {  padding: 100px 0;  background-size: cover;  background-position: center center;}
.inner_form{ background: #12364A; padding: 30px; max-width: 720px; margin: 0 auto;}
.inner_form h3, .inner_form h1 {  font-size: 38px;  text-align: center;  font-family: "Crimson Text", serif;  font-weight: 400;  margin-bottom: 10px;}
.inner_form p {  text-align: center;  line-height: unset; margin-bottom: 20px;}

.inner_form .nf-before-form-content { display: none;}
.inner_form .nf-form-layout nf-fields-wrap nf-field:first-child { display: none;}
.inner_form .nf-form-layout nf-fields-wrap { padding-top: 50px !important;}
.inner_form .nf-form-layout input, .nf-form-layout select{ background: rgba(255,255,255,.08) !important;  border: 1px solid rgba(255,255,255,.3) !important; border-radius: 6px !important; height: 40px !important; color: #fff !important; font-size: 18px !important;}
.inner_form .nf-pass.field-wrap .nf-field-element:after { line-height: 40px !important;}
.inner_form .nf-error.field-wrap .nf-field-element:after { line-height: 40px; height: 38px; border-radius: 5px;}
.inner_form .nf-error .nf-error-msg { font-size: 16px;}
.inner_form .nf-form-content .list-select-wrap .nf-field-element>div { background: transparent !important; border-radius: 5px !important; height: 40px !important;}
.inner_form .nf-form-layout select { padding: 4px 10px !important; font-size: 18px !important; line-height: 28px !important; background: transparent !important; margin-bottom: 7px;}
.inner_form .nf-form-layout textarea, .inner_form .nf-form-content .list-select-wrap .nf-field-element > div { background: rgba(255,255,255,.08) !important;  border: 1px solid rgba(255,255,255,.3) !important; border-radius: 6px !important; color: #fff !important; font-size: 18px !important;}
.inner_form .nf-form-layout input::placeholder, .inner_form .nf-form-layout select::placeholder, .inner_form .nf-form-layout textarea::placeholder {  color: #fff;}
.inner_form #ninja_forms_required_items, .inner_form .nf-field-container {  margin-bottom: 10px;}

.inner_form .nf-form-content .list-select-wrap > div select option {  font-size: 16px;  color: #000;}
.inner_form .nf-form-content .list-select-wrap > div div::after {  top: -8px;  font-size: 14px;  color: #fff;  font-weight: 400;}
.inner_form .submit-container{  text-align: center;  margin-top: 40px;  margin-bottom: 0;}
.inner_form .nf-form-content input[type="submit"] {  font-size: 20px !important;  background: #DE6221 !important;  padding: 10px 25px;  border-radius: 50px !important;  line-height: 23px;  display: inline-block;  line-height: 19px !important; cursor: pointer;}
.inner_form .nf-form-content input[type="submit"]:hover, .inner_form .nf-form-content input[type="submit"]:focus{ background: #fff !important;  color: #DE6221 !important; transition: 0.4s ease-in;}

/* ------------------ SERVICES PAGE ------------------ */
.about_inner.accordion_custLandsc, .about_inner.accordion_custLand {  margin-top: 50px;}

.accordion_custLandsc .accordion, .accordion_custLandsc .accordion_01 {  padding: 0px !important; position: relative; width: 100%;}
.accordion_custLandsc .accordion-item-active .right_slider {  display: block; position: absolute;  right: 0px;  width: calc(50% - 25px);  height: 100%;  top: 0; padding-bottom: 0;}
.accordion_custLandsc .left_accordian {  width: 100%;  flex: 0 0 100% !important;  gap: 40px;  display: flex;}
.accordion_custLandsc .left_accordian li {  gap: 40px;  display: flex;  flex-wrap: wrap;  border: none;  flex-direction: inherit;}
.accordion_custLandsc .left_accordian li > div {  flex: 0 0 calc(50% - 25px);  height: 100%;}
.accordion_custLandsc .left_accordian li .right_slider .inner_image  {  position: absolute; background-size: 100% auto; position: relative;  height: 100%;
  min-height: auto;  padding-bottom: 0;}
.accordion_custLandsc .right_slider {  display: none;}
.accordion_custLandsc .inner_image > img, .accordion_custLandsc .inner_image > picture > img {  display: none;}
.accordion_custLandsc .inner_image > div {  text-align: center;  padding: 12px; max-width: 610px;  margin: 0 auto;}
.accordion_custLandsc .inner_image > div span {  padding: 5px 9px;  font-size: 13px;  display: inline-block;  margin: 6px 3px;  vertical-align: middle;  border-radius: 40px;  -webkit-backdrop-filter: blur(25px);  backdrop-filter: blur(25px);  background: rgba(255,255,255,0.08);  border: 2px solid rgba(255,255,255,.3);}
.accordion_custLandsc .inner_image > div span img {  margin-bottom: -2px;  margin-right: 4px;}

.accordion_custLandsc ul li > div {  border-bottom: 1px solid rgba(255,255,255,.3) !important;}
#content .accordion_custLandsc .left_accordian li {  margin-bottom: 0px;  padding: 10px 0 !important;}
.accordion_custLandsc .left_accordian li p {  margin-bottom: 10px; max-width: 620px;}

.accordion_custLandsc .accordion-item-active .chevron-item .strong-minus {  display: block !important;}
.accordion_custLandsc .accordion-item-active .chevron-item .strong-plus {  display: none !important;}

/* open */
.accordion_custLand .accordion {  padding: 0px !important; position: relative; width: 100%;}
.accordion_custLand .accordion-item-active .right_slider {  display: block; position: absolute;  right: 0px;  width: calc(50% - 25px);  height: 100%;  top: 0; padding-bottom: 0;}
.accordion_custLand .left_accordian {  width: 100%;  flex: 0 0 100% !important;  gap: 40px;  display: flex;}
.accordion_custLand .left_accordian li {  gap: 40px;  display: flex;  flex-wrap: wrap;  border: none;  flex-direction: inherit;}
.accordion_custLand .left_accordian li > div {  flex: 0 0 calc(50% - 25px);  height: 100%;}
.accordion_custLand .left_accordian li .right_slider .inner_image  {  position: absolute; background-size: cover; position: relative;  height: 100%;
  min-height: auto;  padding-bottom: 0;}
.accordion_custLand .right_slider {  display: none;}
.accordion_custLand .inner_image > img, .accordion_custLand .inner_image > picture > img {  display: none;}
.accordion_custLand .inner_image > div {  text-align: center;  padding: 15px;}
.accordion_custLand .inner_image > div span {  padding: 6px 15px;  font-size: 16px;  display: inline-block;  margin: 8px 7px;  vertical-align: middle;  border-radius: 40px;  -webkit-backdrop-filter: blur(25px);  backdrop-filter: blur(25px);  background: rgba(255,255,255,0.8);  border: 2px solid rgba(255,255,255,0.3);}
.accordion_custLand .inner_image > div span img {  margin-bottom: -2px;  margin-right: 7px;}

.accordion_custLand ul li > div {  border-bottom: 1px solid rgba(255,255,255,.3) !important;}
#content .accordion_custLand .left_accordian li {  margin-bottom: 0px;  padding: 10px 0 !important;}
.accordion_custLand .left_accordian li p {  margin-bottom: 10px; max-width: 620px;}

.accordion_custLand .accordion-item-active .chevron-item .strong-minus {  display: block !important;}
.accordion_custLand .accordion-item-active .chevron-item .strong-plus {  display: none !important;}

/* close */
.awards .content > div .content > div.title {  flex: 0 0 calc(60% - 25px);}

.banner_services  .item {  display: flex;  flex-wrap: wrap;  width: 100%;  flex-direction: column;}
.banner_services .owl-item { height: 550px; }
.banner_services .owl-stage-outer .item .outer_slider {  margin-top: auto; padding: 20px 30px;}
.banner_services .item h2{ margin-bottom: 0;}

.landscape_section .content { align-items: flex-start;}
/* .landscape_section .content > .title {  flex: 0 0 calc(60% - 25px);} */
.landscape_section .content > .awards_block {  flex: 0 0 calc(46% - 25px);  padding: 0 !important;  background: transparent !important;  border: none !important;  padding-left: 60px !important;}
.awards.landscape_section .content > div.title {  flex: 0 0 calc(54% - 25px);}
.landscape_section .content > .awards_block img {  width: 100%;}
.landscape_section .content > .awards_block h4.cl-awards-subheading {  font-size: 20px;  font-family: "Crimson Text", serif;  font-weight: 400;  font-style: italic;  text-align: center;  color: #fff;  margin-bottom: 12px;  margin-top: 0;  line-height: 1.3;}
.landscape_section .content > .awards_block p {  font-size: 16px !important;  text-align: left !important;}
.landscape_section .content > .awards_block p.paragraph {  display: none !important;}

.align_center{ text-align: center;} 
.mt-3{ margin-top: 30px;}
.inner_image {  height: 100%;  background-size: cover;  min-height: 510px;  display: flex;  align-items: flex-end;  padding: 20px;}
.inner_image ul {  list-style: none;  margin: 0;  padding: 0;  display: flex;  gap: 15px;  flex-wrap: wrap;  justify-content: center;}
.inner_image ul li {  backdrop-filter: blur(25px);  background: rgba(255, 255, 255, 0.08);  border: 2px solid rgba(255, 255, 255, 0.3);  border-radius: 40px;  padding: 6px 20px;}
.inner_image ul li a {  font-size: 16px;  line-height: 24px;}
.inner_image ul li a img {  margin-bottom: -2px;}

/*  */
.accordion_01 {
  padding:0;
  list-style:none;
  overflow:hidden;
  text-align:left
}
.accordion_01 .accordion-item-question {
  margin:0;
  padding:15px 20px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:20px;
  border-top:1px solid #fff
}
.accordion_01 .accordion-item-question:hover {
  cursor:pointer
}
.accordion_01 .accordion-item-question .question-title h3 {
  margin-bottom:0!important;
  font-weight:900
}
.accordion_01 .accordion-item-question .chevron-item {
  -webkit-transition:-webkit-transform 0.4s ease-in-out;
  transition:-webkit-transform 0.4s ease-in-out;
  transition:transform 0.4s ease-in-out;
  transition:transform 0.4s ease-in-out,-webkit-transform 0.4s ease-in-out
}
.accordion_01 .accordion-item-question .chevron-item .strong-minus {
  display:none
}
.accordion_01 .accordion-item-question .chevron-item strong {
  font-weight:900;
  color:#DE6322;
  font-size:2rem
}
.accordion_01 .accordion-item-question .chevron-item.minus .strong-plus {
  display:none
}
.accordion_01 .accordion-item-question .chevron-item.minus .strong-minus {
  display:inline-block
}
.accordion_01 .accordion-item-question .chevron-item.plus .strong-plus {
  display:inline-block
}
.accordion_01 .accordion-item-question .chevron-item.plus .strong-minus {
  display:none
}
.accordion_01 li:last-of-type .accordion-item-question {
  border-bottom:1px solid #fff;
  padding-bottom:40px
}
.accordion_01 ul {
  list-style-type:disc!important
}
.accordion_01 li {
  display:block;
  display:list-item;
  font-weight:300;
  padding:0;
  margin-bottom:20px
}
.accordion_01 li ul {
  list-style-type:disc!important
}
.accordion_01 li div.accordion-item-answer {
  color:#333;
  display:block;
  overflow:hidden;
  height:0;
  max-height:0;
  padding:0 20px 0 0;
  -webkit-transition:all 0.7s ease-in-out;
  transition:all 0.7s ease-in-out;
  opacity:0
}
.accordion_01 li div.accordion-item-answer h2,
.accordion_01 li div.accordion-item-answer h3,
.accordion_01 li div.accordion-item-answer h4 {
  color:#DE6322
}
.accordion_01 li div.accordion-item-answer a {
  color:#DE6322;
  text-decoration:underline;
  font-weight:600
}
.accordion_01 li div.accordion-item-answer a:hover {
  text-decoration:none
}
.accordion_01 li.accordion-item-active div.accordion-item-answer {
  display:block;
  max-height:100%;
  height:100%;
  padding:10px 20px 0 0;
  color:#333;
  font-weight:300;
  opacity:1;
  visibility:visible;
  -webkit-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out
}
.accordion_01 li.accordion-item-active div.accordion-item-answer .block-button {
  margin-top:3rem
}
.accordion_01 li.accordion-item-active div.accordion-item-answer .block-button a {
  color:#fff!important
}
.accordion_01 li.accordion-item-active div.accordion-item-answer .block-button a:hover {
  color:#DE6322!important
}
.accordion_01 li.accordion-item-active .accordion-item-question {
  border-bottom:0;
  margin:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.accordion_01 li.accordion-item-active .accordion-item-question .question-title h3 {
  font-weight:700
}
.accordion_01 li.accordion-item-active .chevron-item {
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)
}
.about_new .accordion .question-title > img, .about_new .accordion .question-title > picture > img {
  max-width: 45px;
}
.about_new .accordion .question-title > picture { display: contents; }

/*  */

/* @media (min-width:1641px) {
  .header_top_slider .owl-item, .banner_services .owl-item  {    height: 85vh;  }
} */
@media (min-width:1441px) {
  .awards_block ul li img {    max-width: 60px;  }
  .header_top_slider .owl-stage-outer, .header_top_slider .owl-stage-outer > div {  position: relative !important;}
  .header_top_slider .owl-stage-outer .owl-item {  height: unset !important;  position: relative;  display: block;}
  .header_top_slider .owl-stage-outer .owl-item .item {  overflow: visible;  height: unset;  padding: 0;}
  .header_top_slider .owl-stage-outer .owl-item .item img {  position: unset;  object-fit: unset;  width: 100%;  height: auto;}
  .header_top_slider .outer_slider {    position: relative;  z-index: 99;  margin: 50px 100px -300px 100px;}

  .banner_services .owl-stage-outer, .banner_services .owl-stage-outer > div {  position: relative !important;}
  .banner_services .owl-stage-outer .owl-item {  height: unset !important;  position: relative;  display: block;}
  .banner_services .owl-stage-outer .owl-item .item {  overflow: hidden;  height: 620px;  padding: 0;  position: relative;}
  .banner_services .owl-stage-outer .owl-item .item img {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 0;}
  .banner_services .outer_slider {  width: calc( 100% - 200px) !important;  position: absolute !important;  bottom: 50px !important;  left: 100px;  right: 100px;  top: auto !important;  margin: 0 !important;  z-index: 99;}

}
@media (max-width:1440px) {
  .header_top_slider .outer_slider {   margin: 0;}
  .banner_services .owl-stage-outer .item .outer_slider{ margin-left: 0 !important;}
}


@media (min-width:1621px) {
  .accordion_custLandsc .left_accordian li .right_slider .inner_image  {  background-size: 100% auto; }
  .container_inner .img{background-size: auto 135%;}
  /* .banner_services .item, .header_top_slider .item{ background-position: top center !important;} */
  .banner_services  .item > img, .banner_services .item > picture > img {    position: absolute;    left: 0;    top: 0;    z-index: -1;    object-fit: cover;    width: 100%;    height: auto;  }
  .banner_services .item > picture { display: contents; }
  .banner_services .item {    overflow: hidden;  }

  .header_top_slider .item > img, .header_top_slider .item > picture > img {    position: absolute;    left: 0;    top: 0;    z-index: -1;    object-fit: cover;    width: 100%;    height: auto;  }
  .header_top_slider .item > picture { display: contents; }
  .header_top_slider .item {    overflow: hidden;  }
}
@media (max-width:1620px) {
  .accordion_custLandsc .left_accordian li .right_slider .inner_image  {  background-size: auto 100%; }
  /* .banner_services .item, .header_top_slider .item{ background-position: top center !important;} */
  .banner_services  .item > img, .header_top_slider  .item > img, .banner_services .item > picture > img, .header_top_slider .item > picture > img {    position: absolute;    left: 0;    top: 0;    z-index: -1;    object-fit: cover;    width: unset !important; max-width: unset !important;    height: 100%;  }
  .banner_services .item > picture, .header_top_slider .item > picture { display: contents; }
}


@media (min-width:768px) {
  .banner_services .item, .header_top_slider .item{background: transparent !important;}
  
  .awards .content > div.awards_block h4 { display: none;  }
}

@media (max-width:1800px) {
  
  .map_section .content {  max-width: 1500px;}
  .inner_map li.one {  bottom: -340px;}
  .inner_map li.two {  left: 440px;  top: 380px;}
  .inner_map li.three { left: 320px;  top: 10px;}
  .inner_map li.four {  right: 280px;  top: 120px;}
  .inner_map li.five {  right: 480px;  bottom: -390px;}
  .inner_map li.six {  right: 56px;  top: 330px;}
  .last_circle {  right: -11px;  top: 160px;}
  }
  @media (max-width:1680px) {
    .container_inner .img{background-size: auto 110%;}
    .slider_owl .owl-item .item, .portfolio_owl .owl-item .item {  background-size: auto 100% !important;}
 .map_section .content {  max-width: 1300px;}
  .inner_map li.one {  bottom: -280px;}
  .inner_map li.two {  left: 340px;  top: 360px;}
  .inner_map li.three { left: 230px;  top: 4px;}
  .inner_map li.four {  right: 190px;  top: 110px;}
  .inner_map li.five {  right: 440px;  bottom: -280px;}
  .inner_map li.six {  right: -4px;  top: 330px;}
  .last_circle {  right: -27px;  top: 138px;}
  .map_section .inner_map { min-height: 510px;  }
  }
  @media (max-width:1429px) {
  .inner_map li h4 {  font-size: 19px;}
  .inner_map li {  padding: 10px;  width: 210px;}
  .inner_map li.three .circle {  margin-left: -110px;}
  .map_section .inner_map {   min-height: 410px;}

  .map_section .content {  max-width: 1040px;}
  .inner_map li.one {  bottom: -199px;left: -30px;}
  .inner_map li.two {  left: 280px;  top: 310px;}
  .inner_map li.three { left: 147px;  top: -3px;}
  .inner_map li.four {  right: 130px;  top: 80px;}
  .inner_map li.five {  right: 320px;  bottom: -230px;}
  .inner_map li.six {  right: -24px;  top: 240px;}
  .last_circle {  right: -37px;  top: 113px;}
  }

  @media (max-width:1170px) {
    .about_new .accordion .question-title > img, .about_new .accordion .question-title > picture > img {      max-width: 35px;    }
    .slider_owl .owl-item .item, .portfolio_owl .owl-item .item{ background-size: auto 120% !important;}
 .green_list ul h4 { font-size: 22px; }
  .map_section .content {   max-width:860px; }
  .inner_map li.one {   bottom:-176px;   left:-50px; }
  .inner_map li.two {   left:200px;   top:251px; }
  .inner_map li.three {   left:107px;   top:-13px; }
  .inner_map li.four {  right: 83px; top: 76px;}
  .inner_map li.five {   right:250px;   bottom:-210px; }
  .inner_map li.six {   right:-34px;   top:240px }
  .last_circle {   right:-47px;   top:93px; }

  .circle img {  height: 50px;}
  .inner_map li.one .circle {  bottom: -120px;}
  .inner_map li.two .circle {  top: -130px;}
  .inner_map li.five .circle {  bottom: -120px;}
  .last_circle h4 {  font-size: 15px !important;}
  .inner_map li h4 {  font-size: 16px;}
  .inner_map li {  width: 190px;}
  .inner_map li.three .circle img {  margin-top: -50px;}
  .inner_map li.three .circle {  margin-left: -140px;}
  .inner_map li.four .circle img{margin-top: -7px;}
  .inner_map li.six .circle img{margin-top: -4px;}
  .map_section .inner_map {  min-height: 370px;}

  }


@media (max-width:1599px) {
  .green_list ul p br{ display: none;}
  .awards .content > div.awards_block p { min-width: 100px; line-height: unset; margin-bottom: 15px; }
}

@media (max-width:1514px) {
  .row { padding-left: 70px; padding-right: 60px;  }
  .header_top_slider .owl-stage-outer .item, .banner_services .owl-stage-outer .item  { padding: 50px 70px; background-size: cover;}
  .outer_slider h2 br, .outer_slider .right p br, .awards .title p br{ display: none;}
  header.main_header#masthead .block-button{ margin-left:20px !important;}
  .header-navigation ul li { padding: 0 11px;}
}

@media (max-width:1429px){
  .owl-stage-outer .item{ background-size: cover; background-repeat: no-repeat;  background-position: center center;  }
  .awards ul{gap: 20px;}
  .inner_image{min-height: 410px !important;}
  .slider_owl .owl-item, .portfolio_owl .owl-item { height: 340px; }
}
@media (max-width:1369px){
  .accordion_custLandsc .inner_image > div span{ padding: 6px 5px;}
  .accordion_custLandsc .inner_image > div{ padding: 5px; max-width: 100%; }
  .accordion_custLandsc .inner_image > div span img{ margin-right: 2px;}
}

@media (max-width:1200px){
  .new_footer .footer-socials ul { padding: 0 !important; }
  .light .mobileNav-link .bar1, .light .mobileNav-link .bar2, .light .mobileNav-link .bar3{background: #fff !important;}
}


@media (max-width:991px){
  .new_footer .footer-logo img { min-width: 100%; max-width: 180px; }
  .green_list ul h4 { font-size: 22px !important; }
  .map_section.mobile .inner_map { background-image: url("../images/mobile_map.png") !important;  }
  .map_section .inner_map{min-height: 1161px; background-position: center center; width: 343px; margin: 0 auto; background-repeat: no-repeat;}
  .inner_map ul {  height: 100%;  display: block;  min-height: 1161px; margin-top: 110px !important;}

  /* .inner_map ul {  height:100%;  display:block;  min-height:1161px;  margin-top: 130px !important;  } */
  .inner_map li.one { top:26px; left:-4% ; bottom: unset; }
  .inner_map li.two {   left: 2px; top: 160px; }
  .inner_map li.three { left: 25%; top: 361px; }
  .inner_map li.four { right: 10px; top: 500px; bottom:unset!important  }
  .inner_map li.five { top: 603px; left: unset; bottom: auto; right: 10px; }
  .inner_map li.six { right: 90px; top: 739px;}
  .inner_map li.seven {right: 100px; top: 860px !important;   left: unset;  }
  /* Phase 02.1 fix: position .last_circle label on endpoint circle */
  .last_circle { left: 50%; transform: translateX(-50%); bottom: 45px; top: unset !important; right: unset !important; }
  .inner_map li { width: 220px;  }  

  .inner_map li.one .circle {  right: -96px !important;  position: absolute;  left: unset;  transform: unset; bottom: unset !important;}
  .inner_map li.two .circle {  top: 0;  right: -81px;  left: unset;}
  .inner_map li.three .circle {  top: -93px;  right: unset;  left: 105px;  margin-left: 0 !important;}
  .inner_map li.four .circle {  top: 0;  right: unset;  left: -107px;}
  .inner_map li.five .circle {top: 16px; left: -52px;  bottom: unset !important; right:unset;}
  .inner_map li.six .circle { top: 9px; right: -128px; left: unset; bottom: unset !important;  }

  .inner_map li.one .circle:before { content: ""; width: 60px; height: 0px; position: absolute; left: -61px; border: 1px dashed #fff;}
 .inner_map li.two .circle:before { content: ""; width: 45px; height: 0px; position: absolute; left: -45px; border: 1px dashed #fff;}

 .inner_map li.three .circle:before { content: ""; width: 1px; height: 40px; position: absolute; left: 17px; border: 1px dashed #fff;top: 51px;}
 .inner_map li.four .circle:before { content: ""; width: 69px; height: 0px; position: absolute; left: 105px; border: 1px dashed #fff;top: 18px;}
 .inner_map li.five .circle:before { content: ""; width: 15px; height: 0px; position: absolute; left: 35px; border: 1px dashed #fff;}
 .inner_map li.six .circle:before { content: ""; width: 45px; height: 0px; position: absolute; left: 33px; border: 1px dashed #fff;top: 16px;}


  .last_circle h4 { font-size: 22px !important;}
  /* .last_circle p{ margin-top: 15px;} */

  .circle img {  display: none;}
  .circle i {  width: 35px;  height: 35px;  font-style: normal;}
  .inner_map li .circle {  height: unset;  top: 0;  left: 0;  bottom: 0 !important;}
  .inner_map li {  position: absolute;}

  .owl-item { height: 620px;  }
  .row { padding-left: 15px; padding-right: 15px; }
  .header_top_slider .owl-stage-outer .item, .banner_services .owl-stage-outer .item { padding: 30px 15px; }
  .outer_slider h2 {  font-size: 32px;}
  .outer_slider p {  font-size: 18px;  line-height: 24px; padding-left: 10px; padding-right: 10px;}
  .outer_slider h1 {  font-size: 14px;}
  .outer_slider .right ul a.orange_btn {  font-size: 18px;}
  .outer_slider .right ul a.link_text {  font-size: 18px;}
  .outer_slider .right ul {  width: 100%;}
  .outer_slider {  padding: 20px;}
  
  .green_list ul li {  flex: 0 0 240px;}
  .green_list ul {  flex-wrap: nowrap;  overflow: auto; gap: 30px;}
  .green_list ul div {  margin-bottom: 10px !important;}

  .awards h3, .services h3, .portfolio h3 {  font-size: 30px;}
  .awards p {  font-size: 18px;}

  .slider_owl .item h4, .portfolio_owl .item h4{ font-size:24px ;}
  .text-center .orange_btn {  font-size: 18px;}
  .slider .owl-nav, .portfolio .owl-nav{top: -85px;}
  .testo_slider h3 {  font-size: 30px;}
  .about_new h3 {  font-size: 30px;}
  .about_new .accordion h3, .about_new .accordion_01 h3 {  font-size: 24px;}
  .accordion .accordion-item-answer p, .accordion_01 .accordion-item-answer p {  font-size: 18px;  line-height: inherit;}

  .map_section h3 {  font-size: 30px;}
  .map_section p {  font-size: 18px;  line-height: inherit;}
  .inner_map li h4 {  font-size: 22px; margin-bottom: 0; }
  .inner_map li p {  font-size: 16px;  line-height: inherit; margin-top: 15px; }
  section.new_FAQ h2 {  font-size: 30px !important;}
  section.new_FAQ .accordion h3,   section.new_FAQ .accordion_01 h3 {  font-size: 18px !important;}
  .inner_form h3, .inner_form h1 {  font-size: 32px;}
  .inner_form p {  font-size: 18px;  line-height: inherit; margin-bottom: 20px;}
  .new_footer .footer-nav { gap: 6px 20px; }

  .landscape_section .content > .awards_block {  padding-left: 0 !important;}
  .awards ul {  flex-wrap: wrap;}
  .awards ul li:first-child {  flex: 0 0 100%;}
  .awards ul li img {  max-height: 30px;}

  .new_footer .footer-main { grid-template-columns: 180px 1fr 220px; gap: 30px; }
  .new_footer .footer-socials ul { flex-wrap: wrap; gap: 8px; }

}

@media (max-width:767px){
  .header_top_slider .owl-stage-outer .item{background-size: auto 100%;    background-repeat: no-repeat;    background-position: -700px 0px;}
  /* payload-023 (2026-05-10): removed .header_top_slider refs from these legacy mobile rules.
     They date back to when the hero used Owl Carousel + CSS background-image on mobile
     (the .owl-stage-outer .item rule on the line above set that background). After Spike 2
     made the hero static (.is-static) and switched mobile to use <picture><source media>,
     these display:none rules became dead code hiding the new picture/img on mobile.
     .banner_services still uses the legacy mechanism — left intact. */
  .banner_services .item > img, .banner_services .item > picture > img { display: none !important; }
  .banner_services .item > picture { display: none !important; }
  section.new_FAQ .accordion, section.new_FAQ .accordion_01 {    padding-left: 0 !important;  }

  .accordion_custLandsc #accordion-item-5 .inner_image > div span:nth-child(1) {order:1 }
  .accordion_custLandsc #accordion-item-5 .inner_image > div span:nth-child(2) {order:2; }
  .accordion_custLandsc #accordion-item-5 .inner_image > div span:nth-child(3) { order:3;}
  .accordion_custLandsc #accordion-item-5 .inner_image > div span:nth-child(4) { order:4;}

  .accordion_custLandsc .inner_image > div span:first-child {  order: 1;}
  .accordion_custLandsc .inner_image > div span:nth-child(2) {  order: 3;}
  .accordion_custLandsc .inner_image > div span:nth-child(3) {  order: 2;}
  .accordion_custLandsc .inner_image > div span:nth-child(4) {  order: 4;}
  .accordion_custLandsc .inner_image > img, .accordion_custLandsc .inner_image > picture > img {  width: 100%;}
  .accordion_custLandsc .inner_image > picture { display: contents; }

  .awards.landscape_section .content p br {    display: block !important;    margin-bottom: 10px;  }

  .new_FAQ ul li:first-child {  order: 1;}
  .new_FAQ ul li:nth-child(2) {  order: 4;}
  .new_FAQ ul li:nth-child(3) {  order: 2;}
  .new_FAQ ul li:nth-child(4) {  order: 5;}
  .new_FAQ ul li:nth-child(5) {  order: 3;}
  .new_FAQ ul li:nth-child(6) {  order: 6;}
  .new_FAQ ul li:nth-child(7) {  order: 7;}
  .new_FAQ ul li:nth-child(8) {  order: 9;}
  .new_FAQ ul li:nth-child(9) {  order: 8;}
  .new_FAQ ul li:nth-child(10) {  order: 10;}

  .banner_services .owl-stage-outer .item { background-position-x: 40% !important;  }
  .new_footer #colophon { padding-top: 30px;  }
  .accordion_custLandsc .left_accordian li{gap: 10px;}
  .accordion_custLandsc .accordion-item-active .right_slider {  width: calc(100% - 0px);  position: relative;}
.accordion_custLandsc ul li > div {  border: none;}
.accordion_custLandsc .left_accordian .accordion > li, .accordion_custLandsc .left_accordian .accordion_01 > li {  border-bottom: 1px solid rgba(255,255,255,.3) !important;}
.accordion_custLandsc ul li > div {  border: none !important;}
.about_new.custLandscapeMaintenance, .about_new.custLandscapeEnhancement {  padding-bottom: 35px;}
.about_new.custLandscapeMaintenance .content, .about_new.custLandscapeEnhancement .content {  margin-bottom: 45px;}
.custLandscapeMaintenance > .row > .content > h3, .custLandscapeEnhancement > .row > .content > h3 {  padding-bottom: 4px;}
.custLandscapeMaintenance > .row > .content > h3::after, .custLandscapeEnhancement > .row > .content > h3::after {  content: '';  display: block;  width: 50px;  height: 3px;  background: #7E9A89;  margin: 10px auto 0;}
.testo_slider .item p{ font-size: 18px; }

  .about_new.custLandscapeMaintenance, .about_new.custLandscapeEnhancement {  padding-top: 20px;}
.about_new.custLandscapeMaintenance p, .about_new.custLandscapeEnhancement p {  font-size: 18px;}
.about_new.custLandscapeMaintenance p br, .about_new.custLandscapeEnhancement p br {  display: none;}
.accordion_custLandsc .accordion-item-active .right_slider { width: calc(100% - 0px); position: relative;}

  .banner_services .outer_slider p { font-size: 18px;  }
  
  .accordion_custLandsc .inner_image > div {  display: flex;  flex-wrap: wrap;  text-align: left;}
  .accordion_custLandsc .inner_image > div > span {  flex: 0 0 calc(50% - 0px);  background: transparent;  border: none;  margin: 0;  position: relative;  padding-left: 25px;}
  .accordion_custLandsc .inner_image > div > span img {  position: absolute;  left: 0;  top: 17%;}

  .accordion_custLandsc .left_accordian li > div {  flex: 0 0 calc(100% - 0px);}
  .accordion_custLandsc .left_accordian li .right_slider .inner_image {  background: transparent !important;}
  .accordion_custLandsc .inner_image > img, .accordion_custLandsc .inner_image > picture > img {  display: block;}
  .accordion_custLandsc .inner_image > div {  width: 100%;}
  .accordion_custLandsc .left_accordian li .right_slider .inner_image { padding: 0; position: relative;  min-height: unset !important;  flex-direction: column;}
  .accordion_custLandsc .inner_image > div {  padding: 20px 10px;  width: 100%;  background: rgba(255,255,255,.08) !important;  border: 1px solid rgba(255,255,255,.3) !important;  border-radius: 12px !important;  margin-bottom: 30px;}
/* open */
.accordion_custLand .inner_image > div {  display: flex;  flex-wrap: wrap;  text-align: left;}
.accordion_custLand .inner_image > div > span {  flex: 0 0 calc(50% - 0px);  background: transparent;  border: none;  margin: 0;  position: relative;  padding-left: 30px;}
.accordion_custLand .inner_image > div > span img {  position: absolute;  left: 0;  top: 17%;}

.accordion_custLand .left_accordian li > div {  flex: 0 0 calc(100% - 0px); position: relative !important;}
.accordion_custLand .left_accordian li .right_slider .inner_image {  background: transparent !important;}
.accordion_custLand .inner_image > img, .accordion_custLand .inner_image > picture > img {  display: block;}
.accordion_custLand .inner_image > picture { display: contents; }
.accordion_custLand .inner_image > div {  width: 100%;}
.accordion_custLand .left_accordian li .right_slider .inner_image { padding: 0; position: relative;  min-height: unset !important;  flex-direction: column;}
.accordion_custLand .inner_image > div {  padding: 20px 15px;  width: 100%;  background: rgba(255,255,255,.08) !important;  border: 1px solid rgba(255,255,255,.3) !important;  border-radius: 12px !important;  margin-bottom: 30px;}
/* close*/
  .right_slider ul.before{top: 210px !important;}
  .awards_block ul li img {  max-width: 70px;  height: unset;  min-height: unset;  width: unset;  max-height: unset !important;}
  .awards_block div {  width: 100%;  overflow: auto;  max-width: 100%;}
  .awards_block div ul {  flex-wrap: nowrap;  gap: 40px !important;}
  .awards .content > div.awards_block {  max-width: 100%;}
  
  .footer_form {  padding: 0;  background: #13364a !important; margin-bottom: 40px}
  .footer_form .inner_form {  padding: 20px 15px;  width: 100%; background: rgba(255,255,255,0.08) !important;  border: 1px solid rgba(255,255,255,0.3) !important;  border-radius: 6px !important;}
  .inner_form .nf-form-layout input, .nf-form-layout select, .inner_form .nf-form-layout select {  font-size: 16px !important;}
  .inner_form .nf-form-content input[type="submit"] {  font-size: 18px !important;}

  section.new_FAQ .show_btn { margin-bottom: 0 !important;  }
  .about_new { padding: 50px 0 10px 0;  }
  .portfolio .text-center {  margin-top: 30px;}
  .portfolio {  padding: 50px 0 40px 0;}
  .slider .owl-nav, .portfolio .owl-nav { top: -95px;  }
  .about_new .text-center {  margin-top: 20px;}
  .right_slider {  padding-bottom: 40px;}
  .right_slider .owl-dots {  bottom: -40px !important;}
  .about_new .about_inner { gap: 30px;  }  
  .right_slider .owl-item { height: 300px !important;  }
  .right_slider ul.before li { font-size: 16px !important;  }
  .left_accordian .accordion { margin-top: 0 !important; margin-bottom: 0; }
  .awards .content > div.awards_block h4 { display: block !important; font-size: 20px; font-family: "Crimson Text",serif; margin-bottom: 15px;  }
  .awards .content > div.awards_block ul li:first-child{ display: none !important;}



  .slider_owl .owl-item, .portfolio_owl .owl-item { height: 260px;  }
  .slider_owl .item p, .portfolio_owl .item p { font-size: 16px;}
  .awards { padding: 30px 0 20px 0;  }
  .awards .content{ gap: 30px;}
  .awards .title p{ margin-bottom:0 ;}
  header.main_header#masthead .block-button{ display: none !important;}
  .outer_slider > div, .awards .content > div { flex: 0 0 100% !important; text-align: center;  }
  .outer_slider .right ul{ flex-wrap: wrap; justify-content: center;}
  .outer_slider{ gap:0;}
  .outer_slider {  padding: 15px 0px 15px 0px !important;}
  .owl-item {  height: 920px;}

  .outer_slider h2 {  margin-bottom: 10px;}
  .outer_slider p {  margin-bottom: 0px !important;}
  .outer_slider .right ul {  margin: 20px 0 0 0;  padding: 0 !important;  gap: 15px;}

  .testo_slider h3 {  width: 70%;  margin-bottom: 0px;}
  .testo_slider .owl-nav {  top: -110px;}
  .about_new .rating_heading {  flex-wrap: wrap; margin: 40px 0 0px 0;  padding: 0 !important;}
  .left_accordian .accordion { padding: 0 !important;  }
  .about_new .rating_heading li {  flex: 0 50%;}
  .about_new .about_inner > div, section.new_FAQ .accordion li {  flex: 0 0 100%;}
  .new_footer .footer-main { grid-template-columns: 1fr; text-align: center; padding: 30px 20px 20px; gap: 24px; }
  .new_footer .footer-logo img { max-width: 180px; }
  .new_footer .footer-contact { text-align: center; }
  .new_footer .footer-contact-title { text-align: center; }
  .new_footer .footer-socials ul { justify-content: center; }
  .new_footer .footer-bottom { padding: 14px 20px; }

  /* Phase 02.1 fix: override theme footer a { color: #DE6322 !important } and footer #colophon a */
  footer.new_footer #colophon a { color: #d4ddd8 !important; }
  footer.new_footer #colophon a:hover { color: #fff !important; }
  footer.new_footer #colophon .footer-phone { color: #fff !important; }
  footer.new_footer #colophon .footer-contact address { color: #d4ddd8 !important; }
  footer.new_footer #colophon .footer-contact-title { color: #fff !important; }
  footer.new_footer #colophon .footer-bottom p { color: #d4ddd8 !important; }
  footer.new_footer #colophon .footer-areas-title { color: #fff !important; }
  footer.new_footer #colophon .footer-areas-list li a { color: #fff !important; }

  /* Phase 02.1 fix: remove bullet points from footer nav and service areas on mobile */
  footer.new_footer #colophon ul.footer-nav { list-style: none !important; padding-left: 0 !important; margin: 0 !important; }
  footer.new_footer #colophon ul.footer-nav li { list-style: none !important; }
  footer.new_footer #colophon ul.footer-areas-list { list-style: none !important; padding-left: 0 !important; }
  footer.new_footer #colophon ul.footer-areas-list li { list-style: none !important; }

  /* Phase 02.1 fix: polish mobile footer layout spacing */
  .new_footer .footer-main { gap: 20px; padding: 30px 24px 20px; }
  .new_footer .footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; }
  .new_footer .footer-areas { padding: 16px 20px 20px; }
  .new_footer .footer-areas-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; }

  /* Phase 02.1 fix: fixed header overlaps hero on mobile — add padding to compensate */
  .hero-wrapper { padding-top: 80px; }

  .main_header .masthead-inner {  flex-direction: row-reverse;}
  .masthead-inner .logo-container {  text-align: center;}
}

/* @media (max-width:479px){
  .accordion_custLandsc .inner_image > div span:first-child{ padding-right: 30px;}
} */






/* ==========================================================================
   SEO Heading Hierarchy Overrides
   Duplicate rules for promoted heading tags: H3->H2, H4->H3
   ========================================================================== */

/* Section headings: H3 promoted to H2 */
.awards .title h2 {  font-size: 40px;  font-family: "Crimson Text", serif; font-weight: 400;}
.services h2, .portfolio h2 {  font-size: 40px;  font-family: "Crimson Text", serif; font-weight: 400;}
.testo_slider h2 {  font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400;}
.about_new > .content > h2 { font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400; text-align: center;}
.map_section h2 {  font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400; text-align: center;}
.footer_form h2 {  font-size: 36px;  font-family: "Crimson Text", serif;  width: 100%; font-weight: 400;}

/* Sub-items: H4 promoted to H3 */
.green_list ul h3 { font-size: 24px; font-family: "Crimson Text", serif; }
.slider_owl .item h3, .portfolio_owl .item h3 {  font-size: 28px;  font-family: "Crimson Text", serif;  width: 100%;}
.slider_owl .owl-item .item:hover h3, .portfolio_owl .owl-item .item:hover h3 { margin-bottom: 15px;}
.inner_map li h3 {  display: flex;  justify-content: space-between;  margin-bottom: 10px;  font-size: 22px;  font-family: "Crimson Text", serif;  font-weight: 400;}
.inner_map li h3 img {  width: 24px;  height: 24px;}
.awards .awards_block h3 { font-size: 24px; font-family: "Crimson Text", serif; font-weight: 500; }

/* Service-block headings promoted from H3 to H2 */
.service-block .content h2 { font-size: 40px; font-family: "Crimson Text", serif; font-weight: 400; }

/* Responsive overrides for promoted headings */
@media (max-width: 1200px) {
  .awards h2, .services h2, .portfolio h2 {  font-size: 30px;}
  .slider_owl .item h3, .portfolio_owl .item h3 { font-size: 24px;}
  .testo_slider h2 {  font-size: 30px;}
  .about_new > .content > h2 {  font-size: 30px;}
  .map_section h2 {  font-size: 30px;}
  .inner_map li h3 {  font-size: 22px; margin-bottom: 0; }
}

@media (max-width: 991px) {
  .green_list ul h3 { font-size: 22px; }
  .inner_map li h3 {  font-size: 19px;}
}

@media (max-width: 767px) {
  .green_list ul h3 { font-size: 22px !important; }
  .inner_map li h3 {  font-size: 16px;}
  .awards .content > div.awards_block h3 { display: block !important; font-size: 20px; font-family: "Crimson Text",serif; margin-bottom: 15px; }
}

@media (min-width: 768px) {
  .awards .content > div.awards_block h3 { display: none; }
  .testo_slider h2 {  width: 70%;  margin-bottom: 0px;}
}


/* ════════════════════════════════════════════════════════════
   DESIGN REFRESH — payload-004 (2026-05-10)
   Fixes 6 + 3 from PROPOSED-CHANGES.md
   Appended at end of file. Pure CSS, no markup change.
   ════════════════════════════════════════════════════════════ */

/* ── Fix 6 — Heading weight normalization ────────────────────
   Defensive overrides: explicit weights at lines 184/946/951
   are being overridden somewhere downstream. These rules win
   on cascade order. Removes synthetic-bold rasterization on
   green_list h3 and harmonizes about_new h2 weight. */
.about_new h2,
.about_new > .content > h2,
.about_new .rating_heading h2 {
  font-weight: 400;
}
.green_list ul h3,
.green_list ul h4 {
  font-weight: 700;
}

/* ── Fix 3 — Section padding rhythm ──────────────────────────
   Restores the varied vertical cadence Figma defines (48/60/80/100)
   instead of the flat 50px. Static CSS at first paint = no CLS.
   Mobile breakpoint padding is intentionally NOT changed here;
   that is tracked as Fix 7 pending real 390px audit. */
@media (min-width: 992px) {
  section.green_list   { padding: 48px 0 60px !important; }
  section.awards       { padding: 60px 0 !important; }
  section.services     { padding: 80px 0 !important; }
  section.testo_slider { padding: 80px 0 !important; }
  section.about_new    { padding: 80px 0 100px !important; }
  section.portfolio    { padding: 80px 0 !important; }
  section.map_section  { padding: 100px 0 !important; }
  section.faq-block    { padding: 80px 0 !important; }
  /* .footer_form retains existing 100px 0 — unchanged */
}

/* ════════════════════════════════════════════════════════════
   DESIGN REFRESH — payload-019 hotfix (2026-05-10)
   Fix 1.1 — Override --font-body CSS variable
   ════════════════════════════════════════════════════════════
   The theme uses :root { --font-body: 'DM Sans'... } and applies
   it via p { font-family: var(--font-body); } and similar rules.
   These element-level selectors beat our body-level font-family
   rule on specificity. Override the variable instead so every
   consumer of var(--font-body) picks up Brandon Grotesque.
   Headings (--font-heading) intentionally NOT overridden —
   Crimson Text continues to handle headings.
   !important is used to defeat any later same-specificity rules.
   ──────────────────────────────────────────────────────────── */
:root,
body {
  --font-body: 'Brandon Grotesque',
               'Brandon Grotesque Fallback',
               'Segoe UI',
               -apple-system,
               BlinkMacSystemFont,
               system-ui,
               sans-serif !important;
}