@charset "UTF-8";
/*
Theme Name: Mark Hoerr Landscaping
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.

Version: 2.0.0

Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development

*/
/*
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

 @font-face { font-family: 'Helvetica-bold'; src: url('font/'); src: url('font/?#iefix') format('embedded-opentype'), url('font/Helvetica-Bold.woff2') format('woff2'), url('font/Helvetica-Bold.woff') format('woff'), url('font/Helvetica-Bold.ttf') format('truetype'), url('font/Helvetica-Bold.svg#Helvetica-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica-reg'; src: url('font/Helvetica.eot'); src: url('font/Helvetica.eot?#iefix') format('embedded-opentype'), url('font/Helvetica.woff2') format('woff2'), url('font/Helvetica.woff') format('woff'), url('font/Helvetica.ttf') format('truetype'), url('font/Helvetica.svg#Helvetica') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica'; src: url('font/Helvetica_1.eot'); src: url('font/Helvetica_1.eot?#iefix') format('embedded-opentype'), url('font/Helvetica_1.woff2') format('woff2'), url('font/Helvetica_1.woff') format('woff'), url('font/Helvetica_1.ttf') format('truetype'), url('font/Helvetica_1.svg#Helvetica') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Next-LT-Pro'; src: url('font/AvenirNextLTPro-Bold.eot'); src: url('font/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('font/AvenirNextLTPro-Bold.woff2') format('woff2'), url('font/AvenirNextLTPro-Bold.woff') format('woff'), url('font/AvenirNextLTPro-Bold.ttf') format('truetype'), url('font/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('font/Montserrat-Bold.eot'); src: url('font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('font/Montserrat-Bold.woff2') format('woff2'), url('font/Montserrat-Bold.woff') format('woff'), url('font/Montserrat-Bold.ttf') format('truetype'), url('font/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face {
  font-family:  'helvetica-med';
  src: url('font/HelveticaNeue-Medium.eot');
  src: url('font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
      url('font/HelveticaNeue-Medium.woff2') format('woff2'),
      url('font/HelveticaNeue-Medium.woff') format('woff'),
      url('font/HelveticaNeue-Medium.ttf') format('truetype'),
      url('font/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
    --body-color:#1A3154;
    --primary-color: #AE2229;
    --secondery-color:#D0D5DD;
    --white-color: #ffffff;
    --black-color: #000000;
    --footer-color:#173156;
    /* --btn-color: #ffffff; */
  
  
    --body-font: 'Helvetica-reg';
    --medium-font:  'helvetica-med';
    --btn-font: 'Avenir-Next-LT-Pro';
    --heading-font:'Avenir-Next-LT-Pro';
    --montserrat-font: 'Montserrat';
  }
  
  
  *:focus {
    outline: none;
  }
  
  /* 1. Create a Clean Base
  ------------------------------------------------------------------------------*/
  html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
  
  blockquote { quotes: none; }
  br { height: 0; }
  ul, ol, dl, li { margin: 0; padding: 0; list-style-type: none; }
  ul, ol { margin: 0 0 0 0px; }
  html, body { appearance: none; -webkit-appearance: none; border: none; -webkit-text-size-adjust: none; }
  
  
  /* 2. Define Base Typography
  ------------------------------------------------------------------------------*/
  body { padding: 0; margin: 0; font-family: var(--body-font); font-size: 18px; color: var(--body-color); line-height: 28px; box-sizing: border-box; overflow-x: hidden; }
  section { overflow: hidden; }
  *, *:after, *:before { box-sizing: border-box; }
  
  /* Create the Default Headers  */
  h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--header); line-height: 1.2; font-weight: normal; font-family: var(--heading-font); text-transform: capitalize; }
  
  /* Specific Header Settings */
  h1, .h1 { font-size: 40px; }
  h2, .h2 { font-size: 30px; }
  h3, .h3 { font-size: 28px; }
  h4, .h4 { font-size: 25px; }
  h5, .h5 { font-size: 22px; }
  h6, .h6 { font-size: 20px; }
  p { word-wrap: break-word; margin-bottom: 24px; font-size: 17px; line-height: 24px; }
  
  
  /* Other Typo */
  strong { font-weight: bold; }
  hr { border: 0 #000 solid; border-top-width: 1px; clear: both; height: 0; }
  ol { list-style: decimal; }
  ul { list-style: disc; }
  
  
  /* Remove border around linked images */
  img { max-width: 100%; border: 0; border-style: none; height: auto; }
  
  /* 4. Links
  ------------------------------------------------------------------------------*/
  
  /* Default Link Types */
  a { text-decoration: none; transition: 0.5s; display: inline-block; font-size: 20px; line-height: 24px; }
  a:hover { color: var(--header); }
  /* 5. Forms
  ------------------------------------------------------------------------------*/
  .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family:var(--heading-font); font-weight: normal;  margin: 0 0 0 0; padding: 19px 25px; border-radius: 10px; background-color:var(--body-color); border: 2px solid transparent; outline: 1px ridge var(--primary-color); display: inline-block; vertical-align: middle; letter-spacing: 2%; font-size: 17px; color:var(--white-color); line-height: 100%; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden; position: relative; z-index: 0; cursor: pointer; text-transform: uppercase; }
  .button::after, a.button::after{ content: ''; position: absolute; width: 100%; height: 100%; background-color:var(--body-color); right: 0; top: 0; transition: all 0.3s; z-index: -1; }
  .button:hover::after, a.button:hover::after{ width: 0; }
  
  .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: var(--white-color); outline-color: transparent;}
  
  input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: #1C1D21; padding: 10px 16px; background: rgba(255, 255, 255, 1); font-family: var(--body-font); font-size: 18px; letter-spacing: 0; width: 100%; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; line-height: 18px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none !important; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; caret-color: var(--btn-color); }
  
  textarea { padding: 21px 25px; min-height: 143px; background: rgba(255, 255, 255, 1); overflow-y: auto; resize: vertical; }
  
  input[type="submit"]:hover { /* color: var(--red-color); */ background-color: transparent; }

  input::-webkit-input-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  input:-moz-placeholder { color:#1A3153; /*opacity: 0,8;*/ }
  input::-moz-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  input:-ms-input-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  textarea::-webkit-input-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  textarea:-moz-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  textarea::-moz-placeholder { color:#1A3153; /*opacity: 0.8;*/ }
  textarea:-ms-input-placeholder { color:#1A3153; /*opacity: 0.8;*/ }

  /* container */
  .container { max-width: 1491px; width: 100%; padding: 0 50px; margin: 0 auto; }
  .col1 { width: 100%; }
  .col2 { width: 50% !important; }
  .col3 { width: 33.33%; }
  .col4 { width: 25%; }
  
  .d-flex { display: flex; }
  .flex-wrap { flex-wrap: wrap; }
  .justify-content-start { justify-content: flex-start; }
  .justify-content-center { justify-content: center; }
  .justify-content-end { justify-content: flex-end; } 
  .justify-content-between { justify-content: space-between; }
  .align-items-start { align-items: flex-start; }
  .align-items-center { align-items: center; }
  .align-items-end { align-items: flex-end; }
  .row-reverse { flex-direction: row-reverse; }
  .text-center { text-align: center; } 
  .text-left { text-align: left; }
  .text-right { text-align: right; }
  
  svg path, svg circle { transition: 0.5s; }
  .white-btn{ border-color: var(--white-color) !important; color: var(--header) !important; }
  .white-btn::after{ background-color: var(--white-color) !important; }
  .white-btn:hover{ color: var(--white-color) !important; }
  .black-btn:hover{ color: var(--header) !important; }

/* header css */
.fb_icon{line-height: 0; }
.fb_icon a {
  width: 30px;
  height: 30px;
  background-color: #1a3154;
  border-radius: 50%;
  transition: all 0.5s;
  border: 1px solid #fff;
}
.fb_icon a:hover {
  outline: 1px solid #fff;
}
.header{padding: 15px 0px;}
.header_inr ul{display: flex; align-items: center; flex-wrap: wrap; gap: 80px;}
.header_inr ul li{font-size: 18px;color: var(--body-color);font-weight: 500;position: relative;}
.header_inr ul li a { color: var(--body-color); font-family: var(--heading-font); text-transform: uppercase; font-size: 20px;  transition: 0.3s all;}
.header_inr ul li a:hover{color: var(--primary-color);}

/* Sub-menu Css & active css*/
.header_inr ul li ul.sub-menu li a{border-bottom: solid 2px #000;}
.header_inr ul > li.menu-item-has-children a { position: relative; padding-right: 20px; }
.header_inr ul > li.menu-item-has-children > a::after { content: ""; position: absolute; right: 0px; top: 5px; border-left: 2px solid var(--body-color); width: 10px; height: 10px; border-top: 2px solid var(--body-color); transform: rotate(-136deg); }
.header_inr ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a::after { content: "";transition: 0.3s all;  position: absolute; right: 10px; top: 15px; border-left: 2px solid var(--black-color); width: 10px; height: 10px; border-top: 2px solid var(--black-color); transform: rotate(-136deg); }
.header_inr ul li ul.sub-menu li.current-page-item a::after,
.header_inr ul li ul.sub-menu li.current-menu-parent a::after,
.header_inr ul li ul.sub-menu li.current-menu-item a::after{filter: brightness(100) invert(1);}
.header_inr ul li ul.sub-menu {margin: 0 5px; background: #fff; position: absolute; top: 100%; left: -25px; margin: 0; margin-top: 25px; text-align: left; gap: 0; transform: scaleY(0); transition: all 0.3s ease; transform-origin: top; white-space: nowrap; z-index: 10; box-shadow: 0 0 30px #0000002e; }
.header_inr ul li ul:before {position: absolute;content: "";top: -25px;height: 25px;left: 0;right: 0;}
.header_inr ul li:hover ul.sub-menu {transform: scaleY(1);}
.header_inr ul li ul.sub-menu li { display: block; margin: 0; width: 100%; }
.header_inr ul li ul.sub-menu li a { padding: 12px 35px 7px 12px; display: block; color: #000; min-width: 200px; line-height: normal; transition: all 0.4s ease-in-out; font-size: 18px; border: 0px solid #ae2229; border-bottom: 2px solid #ae2229; }
.header_inr ul li ul.sub-menu li:last-child > a {border: 0px solid #ae2229; }
/* .header_inr ul li ul.sub-menu li:hover > ul.sub-menu li a{ border-left: 0px; } */
.header_inr ul li ul.sub-menu li:before{display: none;}
.header_inr ul li ul.sub-menu li:hover:before{display: none;}
.header_inr ul li ul.sub-menu li:after{display: none;}
.header_inr ul li ul.sub-menu li a:hover{background:var(--body-color);color: #fff;}
.header_inr ul > li > ul.sub-menu > li > a:hover::after{filter:brightness(100) invert(1);}
.header_inr ul li.current-menu-item a{color: var(--body-color);}
.header_inr ul li.current_page_parent a{color: var(--body-color);}
/* .header_inr ul li.current_page_parent ul.sub-menu li.current-menu-item a{background:var(--body-color);color: #fff;} */
.header_inr ul li ul.sub-menu li ul.sub-menu { display: none; margin: 0; top: 0px; left:100%; }
.header_inr ul li ul.sub-menu li:hover ul.sub-menu{display: block;}
.header_inr ul li.current-menu-ancestor a{color: var(--primary-color);}
.header_inr ul li ul.sub-menu li.current-menu-parent a {background-color: var(--body-color); color: var(--white-color); }
.header_inr ul li ul.sub-menu li.current-menu-parent ul.sub-menu a{color: #000;background: #fff;}
.header_inr ul li ul.sub-menu li.current-menu-parent ul.sub-menu a:hover{background:var(--body-color);color: #fff;}
.header_inr ul li ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item a{background:var(--body-color);color: #fff;}
.header_inr ul li ul.sub-menu li.current-menu-item > a{background-color: var(--body-color);color: #fff;}

.header_inr ul li ul.sub-menu li ul.sub-menu li a{ border-left: 0; }
/* Sub-menu Css & active css '*/

.header.inr_header { padding: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); z-index: 2; position: sticky; top: 0; }
/* .header.inr_header .header_inr > .menu ul {gap: 80px;} */
.header.inr_header .header_inr { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; width: 100%; position: relative; padding: 30px 0px; }
.header.inr_header .logo { width: 17%; aspect-ratio: 1; position: absolute; top: -100px; left: -10px; z-index: 10; }
.header.inr_header .logo a{border-radius: 50%;height:100%;display:inline-flex;align-items:center;justify-content:center;width: 100%;}
.header.inr_header .menu{width: 70%; margin-left: auto;}
.header.inr_header .logo a img{filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.2)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));}
.header_top{background-color: var(--primary-color);}
.header_bottom { background-color: var(--white-color); }
.header_top_otr { width: calc(90% - 260px); display: flex; /* justify-content: end; */ align-items: center; padding: 10px 0px; margin-left: auto; flex-wrap: wrap; gap: 100px;}
.header_top_otr .header_btn a.button { padding: 5px 10px; font-size: 20px; text-transform: uppercase; border: 3px solid transparent; outline: 1px ridge white; }
.header_top_otr .header_btn a.button:hover {border: 3px solid white; outline: 1px ridge transparent; }
/* header css */

/* banner */
section.banner { background: url(images/abc-46.JPG) no-repeat center; background-size: cover; width: 100%; height: 700px; background-attachment: fixed; position: relative; z-index: 0;}
section.banner:after { content: ''; position: absolute; top: 0; left: 0; background-color: #0000006e; width: 100%; height: 100%; z-index: 1; }
.banner .home_banner { position: absolute; top: 44%; transform: translateY(-50%); z-index: 2; }
.banner .home_banner h1 { font-size: 80px; text-transform: uppercase; line-height: 100px; color: white; text-shadow: 1px 2px 6px #000000; }
.banner .home_banner h1 > strong {font-size: 130px;}
.banner .banner_form { background-color: #15242f80; padding: 70px 20px 20px; border: 5px solid white; border-radius: 10px; position: relative; max-width: 60%; width: 100%; top: 70px; }
.banner .banner_form_btn { width: 80%; position: absolute; top: -31px; left: 50%; transform: translateX(-50%); }
.banner .banner_form_btn a.button { width: 100%; padding: 20px; font-family: var(--body-font); font-size: 24px; background-color: var(--primary-color); outline: none; border: 3px solid; }
.banner .banner_form_btn a.button:hover { /* font-size: 30px; */ font-weight: 700; letter-spacing: .5px; }
.banner .banner_form_btn a.button::after { content: ''; background-color: var(--primary-color); }
.banner .banner_form input[type="text"] { margin: 0 0 15px; font-size: 16px; border: 1px solid #707070; color: #707070; }
/* .banner .banner_form input[type="text"]:last-child { margin: 0;} */
.banner .banner_form  input::-webkit-input-placeholder {color: #707070;}
/* banner */

/* yard */
.yard .yard_heading {text-align: center;}
.yard .yard_heading h2{padding: 35px;}
.yard .yard_imgleft{ position: relative; width: 100%; max-width: 25%; min-height: 560px; 
  overflow: hidden; cursor: pointer;}
.yard .yard_imgleft a{ width: 100%;height: 100%; }
.yard .yard_imgleft  img{ width: 100%;height: 100%; object-fit: cover;}
.yard .yard_inr { gap: 10px; padding: 0 0 40px; }
.yard .yard_text{padding:0 0 50px}
.yard .yard_text p{font-family:var(--font-medium);text-align:center}
.yard .yard_text p a{color:#000086;font-family:'Helvetica Neue-med';color:var(--body-color);border-bottom:1px solid var(--body-color);line-height:normal}
.yard .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; background-image: linear-gradient(0deg, black, transparent); color: #ffffff; justify-content: center; transition: .5s; opacity: 1; }
.yard .overlay H3{ text-transform: uppercase; color: var(--white-color); text-align: center; padding: 0 0 10px;}
.yard .overlay p{ padding: 0 40px;}
.yard .yard_imgleft img{transition: 0.5s all;}
.yard .yard_imgleft:hover img{transform: scale(1.1); overflow: hidden;}
/* yard */

/* review */ 
section.review { background-color: var(--secondery-color); padding: 30px 0 30px; }
.review .review_heading { text-align: center; }
.review .review_heading h2 { padding: 0 0 25px; }
.review .review_slide { display: flex; align-items: center; gap: 40px; }
.review .review_imgleft { position: relative; line-height: 0; max-width: 30%; width: 100%; margin: 0 50px 0 0; float: left; }
.review .review_text { max-width: 100%; width: 100%; }
.review .review_imgleft a{ width: 100%;height: 100%; line-height: 0; }
.review .review_imgleft  img { width: 100%; height: 100%; }
.review .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; /* background-color: rgb(0 0 0 / 47%); */ color: #ffffff; justify-content: center; transition: .5s; opacity: 0; background-image: linear-gradient(0deg, #000000bf, transparent); }
.review .overlay p { text-transform: uppercase; color: var(--white-color); text-align: center;  font-weight: 700; font-size: 20px; }
.review .review_imgleft:hover .overlay, .review .testi_imgright:hover .overlay { height: 50px; transform-origin: bottom; opacity: 1; overflow: hidden; /* padding: 30px 0 0; */ /* display: flex; */ /* align-items: flex-end; */ }
.review ul.slick-dots { display: flex; align-items: center; justify-content: center; gap: 15px; /* margin: 30px 0 0; */ }
.review ul.slick-dots li.slick-active button { background-color: var(--primary-color); }
.review ul.slick-dots li button { padding: 0; font-size: 0; background-color: white; width: 14px; height: 14px; border: 1px solid black; }
/* review */
/* stop */
.stop .stop_heading { text-align: center; padding: 40px 0; }
.stop .stop_heading h2 { padding: 20px 0; position: relative; color: var(--primary-color); }
.stop .stop_heading h2::after {content: '';position: absolute; top: 0; left: 0; width: 100%; height: 5px; border-radius: 8px; background-color: var(--body-color); }
.stop .stop_heading h2::before {content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; border-radius: 8px; background-color: var(--body-color); }
/* stop */
/* footer */
footer { background-color: var(--body-color); }
footer p, footer a { font-family: var(--heading-font); color: var(--white-color); font-size: 18px; margin: 0; line-height: 30px; }
footer li { font-family: var(--heading-font); color: var(--white-color); font-size: 20px; margin: 0; display: flex; line-height: 40px; align-items: flex-start;gap: 12px; }
footer li img { margin-top: 7px; width: fit-content; height: max-content; }
footer a:hover { color: var(--primary-color); }
footer .footer_inr {
    display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; padding: 30px 0 0; }
footer .footer_address { max-width: 25%; width: 100%; }
footer .footer_number { max-width: 25%; width: 100%; }
footer .footer_menu { max-width: 30%; width: 100%; display: flex; }
footer .footer_menu ul { column-count: 2; column-gap: 205px; display: unset; }
footer .footer_menu li a { text-transform: capitalize; }
/* footer */

/* ----------------- about us page ------------- */
.header.inner_header { box-shadow: none; }
.inr_heading {text-align: center; }
.inr_heading .inr_heading_inr {padding: 50px 0 40px;}
.inr_heading .inr_heading_inr h1 {text-transform: uppercase;}
.inr_heading p { padding: 15px 0 0;  margin: 0;}
.service h1 { padding: 0; text-transform: uppercase; }
.inr_heading .our-work { padding: 50px 0 20px; }
.inr_heading .our-work h1 { padding: 0; text-transform: uppercase; }
.inr_heading .contact_heading{ padding:50px 0 35px }
.inr_heading .contact_heading h1 { padding: 0; text-transform: uppercase; }
.inr_heading .reviews_heading { padding: 0; }
.inr_heading .reviews_heading h1 { padding: 0; text-transform: uppercase; }

/* landscaping */
section.landscaping{ background-color: var(--secondery-color);}
.landscaping .landscaping_inr { display: flex; align-items: center; justify-content: center; gap: 80px; padding: 50px 0; }
.landscaping .landscaping_left { max-width: 55%; width: 100%; }
.landscaping .landscaping_right { max-width: 45%; width: 100%; }
.landscaping .landscaping_img { line-height: 0; } 
.landscaping .landscaping_right ul { column-count: 2; }
.landscaping .landscaping_right ul li { margin: 0 0px 20px 30px; position: relative; }
.landscaping .landscaping_right ul li::before { content: ''; position: absolute; top: 50%; left: -30px; background: url(images/arrow-left.png) no-repeat center; background-size: cover; width: 14px; height: 11px; transform: translateY(-50%); }
.landscaping .landscaping_right h2{ padding: 0 0 15px;}
/* landscaping */

/* hardscaping */
/* section.hardscaping{ background-color: var(--secondery-color);} */
.hardscaping .hardscaping_inr { display: flex; align-items: center; justify-content: center; gap: 80px; padding: 50px 0; }
.hardscaping .hardscaping_left { max-width: 55%; width: 100%; }
.hardscaping .hardscaping_right { max-width: 45%; width: 100%; }
.hardscaping .hardscaping_img { line-height: 0; } 
.hardscaping .hardscaping_right ul { column-count: 2; }
.hardscaping .hardscaping_right ul li{margin: 0 0 20px 30px; position: relative;}
.hardscaping .hardscaping_right ul li::before { content: ''; position: absolute; top: 50%; left: -30px; background: url(images/arrow-left.png) no-repeat center; background-size: cover; width: 14px; height: 11px; transform: translateY(-50%); }
.hardscaping .hardscaping_right h2{ padding: 0 0 15px;}
/* landscaping */

/* mark */
section.mark { background-color: var(--primary-color); }
.mark .mark_inr { padding: 50px 0; }
.mark_left h2 { padding: 0 0 20px; color: var(--white-color); text-transform: uppercase; }
.mark_left p { margin: 0; color: var(--white-color); }
.mark_right a.button {padding: 20px 25px; outline: 1px ridge; }
/* mark */

/* products */
.products .products_inr { padding: 50px 0; }
.products .products_inr h2 {text-align: center; padding: 0 0 30px; }
.products .products_inr .products_item ul { flex-wrap: wrap; max-width: 925px; margin: 0 auto; gap: 30px 110px; }
.products .products_inr .products_item ul li{position: relative; }
.products .products_inr .products_item ul li::before { content: ''; position: absolute; top: 50%; left: -25px; background: url(images/arrow-left.png) no-repeat center; background-size: cover; width: 14px; height: 11px; transform: translateY(-50%); }
.products .products_inr .products_item ul li::after { content: ''; position: absolute; top: 50%; right: -50px; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.2); transform: translateY(-50%); }
.products .products_inr .products_item ul li:nth-child(4):after { content: ''; display: none;}
.products .products_inr .products_item ul li:last-child:after { content: ''; display: none;}
/* products */

/* ------------------ service page---------------- */
/* service */
.service .service_inr:nth-child(even) { background-color: var(--secondery-color); }
.service .service_inr:nth-child(odd){ background-color: transparent}
.service_inr { padding: 50px 0; }
.service_inr { padding: 50px 0; }
.service_inr:first-child { padding:0 0 50px; }
.service .service_inr_item.grey {flex-direction: row-reverse;}
.service .service_inr_item { display: flex; align-items: center; justify-content: center; gap: 80px;}
.service .service_left { max-width: 55%; width: 100%; }
.service .service_right { max-width: 45%; width: 100%; }
.service .service_img { line-height: 0; } 
.service .service_right ul { column-count: 2; }
.service .service_right ul li { margin: 0 0px 20px 30px; position: relative; }
.service .service_right ul li::before { content: ''; position: absolute; top: 50%; left: -30px; background: url(images/arrow-left.png) no-repeat center; background-size: cover; width: 14px; height: 11px; transform: translateY(-50%); }
.service .service_right h2{ padding: 0 0 24px; text-transform: uppercase;}
.service .service_right .service_right_btn a.button { padding: 20px 25px; background-color: transparent; color: var(--primary-color); outline: 1px ridge; }
.service .service_right .service_right_btn a.button:hover { background-color: #ffffff00; color: var(--body-color); border-color: var(--body-color); }
.service .service_right .service_right_btn .button::after, a.button::after { content: ''; position: absolute; width: 100%; height: 100%; background-color:transparent; }
/* landscaping */

/* work */
section.work { padding: 0 0 60px; }
.work .work_imgleft { position: relative; line-height: 0; width: 100%; height: 100%; }
.work .work_imgleft img{ width: 100%;height: 100%; object-fit: cover; line-height: 0;}
.work .overlay { position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; justify-content: center; transition: .5s; opacity: 0; background-image: linear-gradient(0deg, #000000bf, transparent); display: flex; align-items: flex-end; }
.work .overlay p { text-transform: uppercase; color: var(--white-color); text-align: center; font-size: 18px; font-family: var(--montserrat-font); padding: 0 10px; }
.work .work_imgleft:hover .overlay, .work .testi_imgright:hover .overlay { height: 100%; transform-origin: bottom; opacity: 1; overflow: hidden; transition: 0.3s all; }
.work .work_inr { display: flex;  justify-content: center; flex-wrap: wrap; margin: 0 -15px; }
.work .work_inr .work_slide{max-width: 25%; width: 100%; padding: 15px 15px;}
.work .work_inr .work_slide div{ height: 327px; width: 100%; }
.work .work_inr .work_slide div a{ line-height: 0; width: 100%; height: 100%; }

/* work */

/* reviews */
section.reviews { padding: 35px 0 50px; }
.reviews .reviews_inr { display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px 40px; }
.reviews .reviews_item { background-color: #fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); padding: 25px; max-width: 48%; width: 100%; }
.reviews .reviews_img { line-height: 0; padding: 0 0 20px; }
.reviews .reviews_text p { color: #777777; padding: 0 0 8px; }
.reviews .reviews_name { display: flex; align-items: center; gap: 10px; }
.reviews .reviews_name .reviews_name_img { height: 40px; line-height: 0; width: 40px; background-color: var(--secondery-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; font-family: var(--montserrat-font); }
.reviews .reviews_name .reviews_name_text span { color: rgba(21, 21, 21, 0.8); font-family: var(--medium-font); font-size: 20px; line-height: 20px; font-weight: 500; }

/* reviews */

/* contact */
.contact{ background-color: white; padding: 36px 0 60px; }  
.contact .contact-inner { display: flex; align-items: center; justify-content: space-between; padding: 40px 52px 40px 0; position: relative; z-index: 0; }
.contact .contact-inner .contact-item-content { max-width: 516px; width: 100%; border-radius: 5px; background:var(--body-color); color: #fff; }
.contact .contact-inner .contact-item-content .contact-content-box { padding: 40px; }
.contact .contact-inner .contact-item-content .contact-content-box h2 { padding: 0 0 30px; text-transform: uppercase; color: #fff; text-align: left; }
.contact .contact-inner .contact-item-content ul li a{ color: #fff; text-align: left; }
.contact .contact-inner .contact-item-content ul li a:hover{ color: var(--primary-color); }
.contact .contact-inner .contact-item-content ul li { display: flex; align-items: start; justify-content: flex-start; gap: 12px; text-align: start; padding: 27px 0 0; font-size: 20px; line-height: 30px; }
.contact .contact-inner .contact-item-content ul li:first-child { padding-top: 0; }
.contact .contact-inner .contact-item-content ul li:last-child { padding-bottom: 0; }
.contact .contact-inner::before { content: ''; position: absolute; width: 90%; border-radius: 5px; height: 100%; right: 0; top: 0; background-color: #ffffff; z-index: -1; box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.15); }
.contact-content-box ul li img {margin-top: 3px;}
.contact .contact-inner .contact-item-form .wpcf7-form-control-wrap { position: relative; margin: 0 0 25px; }
.contact .contact-inner .contact-item-form { max-width:782px; width: 100%; }
.contact .contact-inner .contact_form_inr .form_row1,
.contact .contact-inner .contact_form_inr .form_row2 { display: flex; align-items: center; gap: 25px 20px; }
.contact .contact-inner .contact_form_inr .form_row1  input[type="text"], .contact .contact-inner .contact_form_inr .form_row2  input[type="text"],
.contact .contact-inner .contact_form_inr .form_row1  input[type="email"], .contact .contact-inner .contact_form_inr .form_row2  input[type="tel"]  { max-width: 100%; width: 100%; margin: 0; background-color: #EFF2F5; border-radius: 0; padding: 21px 25px; }
.contact .contact-inner .contact_form_inr .form_row3 textarea { max-width: 100%; width: 100%; background-color: #EFF2F5; border-radius: 0; padding: 21px 25px; }
.contact .contact-inner .contact_form_inr .contact_btn input[type="submit"] { background-color: var(--primary-color); color: #fff; }
.contact .contact-inner .contact_form_inr .contact_btn input[type="submit"]:hover { background-color:transparent ; color:var(--body-color); border-color: var(--body-color); }
.contact .contact-inner .contact_form_inr .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; }
.contact .contact-inner .contact_form_inr .up_btn { border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; }
.contact .contact-inner .contact_form_inr .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; }
.contact .contact-inner .contact_form_inr  .upload-box { display: inline-flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); padding: 16px; border-radius: 3px; cursor: pointer; font-family: sans-serif; font-size: 16px; color: #777777; }
.contact .contact-inner .contact_form_inr  .upload-box img { width: 24px; height: 24px; margin-right: 10px; }
.contact .contact-inner .contact_form_inr  .upload-box input[type="file"] { display: none; } 
.contact .contact-inner .contact_form_inr  .upload_btn { padding: 25px 0 40px; }
.contact .contact-inner .contact_form_inr .wpcf7 form.invalid .wpcf7-response-output{ color:var(--body-color); text-align: center;}
/* contact */

.map_inr { line-height: 0; }
.map_inr iframe { width: 100%; height: 500px; }


/* def-page  */

 
 /* def-page */ 
 /* .def-page{padding: 80px 0px 80px;} */
 .detail_page.def-page { padding: 0 0 50px; }
 .def-page p{ font-family: var(--body-font);  color: var(--body-color); font-style: normal;  line-height: 24px; margin-bottom: 15px;}
 .def-page .right-img{line-height: 0; float:right; margin:0 0 15px 40px; position: relative; z-index: 0;}
 .def-page .left-img{line-height: 0; float:left; margin:0 40px 15px 0; position: relative;}
 .def-page .right-img img{border-radius: 5px; position: relative;}
 .def-page .left-img img{border-radius: 5px; position: relative;}
 .def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 15px 0; font-weight: 700;}
 .def-page h2{font-size: 30px; line-height: 35px;} 
 .def-page h3{font-size: 28px; line-height: 33px;}
 .def-page h4{font-size: 25px; line-height: 30px;}
 .def-page h5{font-size: 22px; line-height: 27px;} 
 .def-page h6{font-size: 20px; line-height: 25px;}
 .def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit;  padding-left: 0; padding-right: 0;}
 .def-page ul li { list-style: none;font-size: 18px; font-family: var(--body-font); line-height: 24px; color: var(--body-color);position: relative;padding: 5px 0 5px 25px;}
 .def-page ul li:before {    content: ""; width: 19px; height: 19px; background-image: url(images/arrow-left.png); background-position: center; background-repeat: no-repeat; background-size: 16px; position: absolute; left: 0px; top: 9px;}
 .def-page ol{padding-left: 0; padding-bottom: 10px;}
 .def-page ol li {list-style-type:none;counter-increment:item; font-size: 18px; font-family: var(--body-font);  line-height: 24px; color: var(--body-color); padding: 5px 0;}
 .def-page ol li:before {display:inline-block; content: counter(item) "."; color: var(--body-color); padding-right:10px;}
 .def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
 .def-page ul.col-2 li {width: 50%;float: left;}
 .def-page ul.col-3 li {width: 33.33%;float: left;}
 .def-page p {padding-bottom: 0px;}
 .privacy-page ol { margin-bottom: 10px;  padding-left: 0; padding-right: 0;}
 .privacy-page ol>li:before { padding-right: 05px;}
 .privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
 .privacy-page .privacy-inner ul{ margin-top: 05px; }
 .privacy-page ul,.privacy-page ol{ margin-left:0px;}
 .privacy-page ol li{padding: 5px 0px;}
 .pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center; font-weight: bold; }
 .pagenotfound h2 {font-size: 50px;}
 .pagenotfound p{font-size: 16px;}
 .thankyou {text-align: center;}
 .thankyou h3 strong {font-size: 46px;}
 .clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
 .def-page a { color: var(--primary-color); font-size: 17px; line-height: 24px; font-family: var(--body-color); }
 .def-page a:hover{color: var(--body-color); }

.def-page .clr { clear: both; }
 
 .img-details { width: 100%; }
/* def-page  */

/* update sahal 10-apr-2025 */
.banner_form span.wpcf7-form-control-wrap input{ margin: 0 0 15px; font-size: 16px; border: 1px solid #707070; color: #707070; }
/* .contact_btn { margin: 15px 0 0; } */
.wpcf7-not-valid { border: 1px solid #ff0000 !important; }
.wpcf7-not-valid-tip{display: none; font-size:16px ;}
.submit-recaptcha .wpcf7-not-valid-tip{display: block;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {text-align: center; border-color: #ffb900; color: white; }
.submit-recaptcha { display: flex; align-items: self-start; gap: 50px;  }

/* pagination */
.pagination.search_pagenavi { text-align: center; margin: 20px 0; }
.pagination { width: 100%; padding: 35px 0 0; }
.pagination ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
.pagination ul li span.current { background-color: var(--body-color); color: white; width: 40px; height: 40px; display: block; line-height: 0; display: flex; align-items: center; justify-content: center; }
.pagination ul li a, .pagination ul li span { width: 40px; height: 40px; background-color: transparent; color: var(--theme-black); display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 4px; border: 1px solid rgba(31, 31, 31, .3); }
.pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--body-color); border-left: 2px solid var(--body-color); left: 12px; top: 13px; transform: rotate(136deg); }
.pagination ul li a.nextpostslink, .pagination ul li a.previouspostslink { position: relative; transition: .5s; }
.pagination ul li a.previouspostslink::before { transform: rotate(-45deg); left: 16px; top: 14px; }
.pagination ul li a:hover, .pagination ul li span, ul.tab-content li a.active, ul.tab-content li:hover a { background-color: var(--body-color); color:var(--white-color); }
.pagination ul li a.nextpostslink:hover::before, .pagination ul li a.previouspostslink:hover::before { border-top: 2px solid var(--white-color); border-left: 2px solid var(--white-color); }
/* pagination */

/* update sahal 10-apr-2025 */

/* magnific popo */
img.mfp-img { max-height: 850px !important; }
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
/* magnific popo */


/* 11-4-25 H.P */

		/* File Upload Wrapper */
    .file_upload_wrapper { margin: 20px 0; }
  /* Custom File Upload Label */
  .file_upload_label { display: inline-block; background: #f5f5f5; border: 2px dashed #ccc; padding: 15px 20px; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; width: 100%; /* text-align: center; */ }
 .file_upload_label:hover { background: #e0e0e0; border-color: #999; }
  
  /* File Upload Button */
  .file_upload_button { background: #0073e6; color: #fff; padding: 10px 20px; border-radius: 5px; font-weight: bold; margin-right: 10px; transition: background 0.3s ease; }
 .file_upload_button:hover { background: #005bb5; }
  
  /* File Upload Text */
  .file_upload_text { color: #666; font-style: italic; }
  /* Hide Default File Input */
  .file_upload_input { display: none; }
  /* Style for when a file is selected */
  .file_upload_input:not(:placeholder-shown) + .file_upload_label .file_upload_text { color: #0073e6; font-style: normal; font-weight: bold; }


.copyright p {
    text-align: center;
    font-size: 16px;
    padding: 5px 0 10px;
}
  .copyright p a{ font-size: 16px; }



/* .menu li.current-menu-item.page_item.current_page_item:hover::before,
.menu li.current-menu-parent:hover::before,
.menu li:hover::before {
    transform: scale3d(1, 1, 1);
    transform-origin: 0 50%
} */

.menu>ul>li.current-menu-item.page_item.current_page_item>a,
.menu>ul>li.current-menu-parent a,
.menu>ul>li:hover a {
    color: var(--primary-color)
}

menu ul li.current-menu-ancestor>a,
menu ul li.current-menu-item>a {
    color: var(--body-color);
    color: var(--body-color);
    color: var(--black-color)
}

menu ul.sub-menu li.current-menu-item {
    border-color: var(--black-color)
}

menu ul.sub-menu li.current-menu-item > a {
    color: #1b771c;
    border-bottom: 0
}


/* ground css */ 
.ground .ground_inr { display: flex; justify-content: center; margin: 0 -15px; padding: 0 0 50px; }
.ground .ground_item {
  margin: 0 15px;
  border: 1px solid var(--body-color);
  box-shadow: 0 0 10px #80808099;
  max-width: 25%;
  width: 100%;
}
.ground .ground_imgleft { line-height: 0; width:100%; }
.ground .ground_imgleft img{width: 100%; height: 100%; object-fit: cover; }
.ground .ground_item h6{ padding: 10px 15px; text-align: center; }
.ground .ground_btn { text-align: center; padding: 10px 0 22px; }
.ground .ground_btn a.button { padding: 12px 25px; background-color: transparent; color: var(--primary-color); outline: 1px ridge; }
.ground .ground_btn a.button:hover { background-color: #ffffff00; color: var(--body-color); border-color: var(--body-color); }
/* ground css */


/* mahima 3-3-2025 */
 .banner_form .form_row1 ,.banner_form .form_row2{ display: flex; flex-wrap: wrap;    margin: 0 -10px;
}
 .banner_form .form_row1 span.wpcf7-form-control-wrap,.banner_form .form_row2 span.wpcf7-form-control-wrap{
    max-width: 50%;
    width: 100%;
    padding: 0 10px;
}
.footer_address  ul li a, .footer_address  ul li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
}
.full_width{max-width: 100% !important; width: 100%;}
 .banner_form .wpcf7 form .wpcf7-response-output { margin: 1em 0em 1em; font-size: 16px; }
/*  */
/* mahima 8-7-2025 */
.service .service_right p> a{
   color: var(--primary-color);
   font-size: 17px;
}

.service .service_right p>a:hover{
   color: var(--body-color);
}
/* mahima 8-7-2025 */