*,
.guide ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding: 0;
  margin: 0;
}
*,
::after,
::before {
  box-sizing: border-box;
}
.menu-list li a,
.menu-list li ul.sub-menu li a {
  color: var(--White, #fff);
  font-family: Poppins;
  font-style: normal;
}
*,
.menu-list li a {
  font-style: normal;
}
.menu-list li a,
.menu-list li ul.sub-menu li a,
.stickytitle a {
  font-weight: 400;
  line-height: normal;
}
.benfits h6,
.downloadformdata .inputfileds a,
.googlereviw p,
.privacy a,
.two-zero,
.universal-anchor p,
.uploadfiles .file span {
  text-decoration-line: underline;
}
.acrdean-maindata a,
.bottom-title p a,
.box-same a,
.can-do-section a,
.grasscontent p a,
section.customerrating.greens a.green-color {
  text-decoration: underline;
}
* {
  font-family: Raleway, sans-serif;
  font-optical-sizing: auto;
}
img {
  max-width: 100%;
  height: auto;
}
ul {
  list-style: none;
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --fs-14px: 14px;
  --fs-15px: 15px;
  --fs-16px: 16px;
  --fs-17px: 17px;
  --fs-18px: 18px;
  --fs-19px: 19px;
  --fs-20px: 20px;
  --fs-21px: 21px;
  --fs-22px: 22px;
  --fs-23px: 23px;
  --fs-24px: 24px;
  --fs-25px: 25px;
  --fs-26px: 26px;
  --fs-27px: 27px;
  --fs-28px: 28px;
  --fs-29px: 29px;
  --fs-30px: 30px;
  --fs-31px: 31px;
  --fs-32px: 32px;
  --fs-33px: 33px;
  --fs-34px: 34px;
  --fs-35px: 35px;
  --fs-36px: 36px;
  --fs-37px: 37px;
  --fs-38px: 38px;
  --fs-39px: 39px;
  --fs-40px: 40px;
  --fs-41px: 41px;
  --fs-42px: 42px;
  --fs-43px: 43px;
  --fs-44px: 44px;
  --fs-45px: 45px;
  --fs-46px: 46px;
  --fs-47px: 47px;
  --fs-48px: 48px;
  --fs-49px: 49px;
  --fs-50px: 50px;
  --fs-51px: 51px;
  --fs-52px: 52px;
  --fs-53px: 53px;
  --fs-54px: 54px;
  --fs-55px: 55px;
  --fs-56px: 56px;
  --fs-57px: 57px;
  --fs-58px: 58px;
  --fs-59px: 59px;
  --fs-60px: 60px;
  --fs-61px: 61px;
  --fs-62px: 62px;
  --fs-63px: 63px;
  --fs-64px: 64px;
  --fs-65px: 65px;
  --fs-66px: 66px;
  --fs-67px: 67px;
  --fs-68px: 68px;
  --fs-69px: 69px;
  --fs-70px: 70px;
  --fs-50: 50px;
  --fs-40: 40px;
  --fs-30: 30px;
  --fs-26: 26px;
  --fs-25: 25px;
  --fs-22: 22px;
  --fs-20: 20px;
  --theme-color: #5d9b12;
  --lime: #78be20;
  --white: hsl(0, 0%, 100%);
  --bg-dark: #232d40;
  --light-green: hsl(120, 17%, 94%);
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}
a {
  color: var(--bs-link-color);
  text-decoration: none;
}
a:hover {
  color: var(--bs-link-hover-color);
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2,
.col-3 {
  flex: 0 0 auto;
}
.col-2 {
  width: 16.66666667%;
}
.col-3 {
  width: 25%;
}
.col-4,
.col-5 {
  flex: 0 0 auto;
}
.col-4 {
  width: 33.33333333%;
}
.col-5 {
  width: 41.66666667%;
}
.col-6,
.col-7 {
  flex: 0 0 auto;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333%;
}
.col-8,
.col-9 {
  flex: 0 0 auto;
}
.col-8 {
  width: 66.66666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  color: #5e5e5e !important;
}
.grass .content::after,
header.customheader {
  top: 0;
  background: var(--Dark-Gray-1, #141414);
  left: 0;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: 2px solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}
.form-control,
.form-control:focus {
  color: #212529;
  background-color: #fff;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.w-100,
div#lightboxOverlay {
  width: 100% !important;
}
.p-0,
.tabs ul li,
.tabs ul li a {
  padding: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-flex {
  display: flex !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.align-items-center {
  align-items: center !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.text-center {
  text-align: center !important;
}
header.customheader {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu-list {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.menu-list li {
  position: relative;
  padding: 15px 0;
}
.menu-list li a {
  text-align: center;
  font-size: var(--fs-20px);
  transition: 0.3s ease-in;
}
.menu-list li > ul.sub-menu {
  position: absolute;
  background: #000000a3;
  width: 251px;
  display: none;
  top: 60px;
}
@keyframes animateme {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.menu-list li ul.sub-menu li a {
  font-size: var(--fs-18px);
}
.menu-list li ul.sub-menu li {
  padding: 9px 26px;
}
.menu-list li ul.sub-menu li:first-child {
  padding-top: 13px;
}
.menu-list li ul.sub-menu li:last-child,
section.artificialgrass-about.solutions {
  padding-bottom: 13px;
}
.bookcontent h2 span,
.container-flow-title h2 span,
.downloadguidetitle h2 span,
.features .title h2 span,
.five-zero span,
.grasscontent h2 span,
.greenstitle h2 span,
.greenstitle p a,
.guidereviw .title h2 span,
.inputquatform .title h2 span,
.loaction-map h2 span,
.mainphilosophy .title h2 span,
.menu-list li:hover a,
.menu-list
  li
  > ul.sub-menu
  li.menu-item-has-children
  > ul.sub-menu
  li:hover
  > a,
.menu-list li > ul.sub-menu li:hover a,
.miniproduct-start h2 span,
.outdorgallerycontent p a,
.reviewform h2 span,
.servicecontent h3 span,
.services .maintitle h2 span,
.team-flow h2 span,
.thanksdata h2 span,
li.curent-menu-item a,
section.artificial .title h2 span,
section.artificialgrassproduct span,
section.blognewslatter h2 span,
section.gallery-sectab.imggallery.solutions .feature-holder p a,
section.gallery-sectab.imggallery.solutions h2 span,
section.philosophy.conatctus .bottominfo .maintitle h2 span,
section.philosophy.inner .title p a,
section.realtedproduct .title h2 span,
section.solutionbanner.newbanner h1 span,
span.text-green {
  color: var(--New-Grass-Green, #78be20);
}
.bannercontent h1,
.stickytitle a {
  color: var(--White, #fff);
  text-align: center;
  font-style: normal;
}
.tabs ul li a,
.tabs ul li a span {
  color: var(--Black, #000);
  font-family: Poppins;
  font-size: var(--fs-20px);
  display: block;
  transition: 0.3s ease-in;
}
.stickyheader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 230px;
  padding-bottom: 0;
}
.stickytitle {
  display: flex;
  gap: 30px;
  align-items: center;
}
.stickytitle a {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: var(--fs-20px);
}
.stickytitle a span {
  font-family: Poppins;
}
.samplebtn,
.save input {
  padding: 6px 23px;
  border-radius: 100px;
  background: var(--Green, #5d9b12);
}
.stickyheader {
  padding-top: 9px;
}
.grid-acrdean.activeacrdean .plus-image,
.swiper-button-next::after,
.swiper-button-prev::after,
.tab-bottom div#tabs-content .tab-content,
.tabs ul li:last-child a:after,
.toglemenu,
img.minuss-image {
  display: none;
}
.mt {
  padding-top: 150px;
}
.mainswiper-herosection-banner .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
}
section.herosection {
  height: 780px;
  position: relative;
}
.mainswiper-herosection-banner,
.mySwiperherosection {
  height: 100%;
  position: relative;
}
.bannercontent {
  position: absolute;
  top: 50%;
  left: -30%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-width: 1030px;
  width: 100%;
}
.bannercontent h1 {
  font-family: Raleway;
  font-size: var(--fs-50px);
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.bannercontent p,
.maintitle h2 {
  font-family: Raleway;
  font-size: var(--fs-40px);
  color: var(--White, #fff);
  line-height: normal;
}
.bannercontent p,
.tabs ul li a,
.tabs ul li a span {
  font-style: normal;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.bannercontent p,
.inputfileds,
.tabs ul li a span {
  margin: 0 auto;
  width: 100%;
}
.bannercontent p {
  max-width: 907px;
}
.bottomdata p,
.odd-evenholder .college-holds:last-child,
section.gallery-sectab.imggallery .feature-holder {
  margin-bottom: 0;
}
.tabs ul,
section.comparsion-product.productlist .flag {
  display: flex;
  justify-content: center;
}
.tabs ul li {
  max-width: 266px;
  width: 100%;
}
.tabs ul li a {
  line-height: normal;
  max-width: 400px;
  background: #fff;
  position: relative;
  width: 100%;
  height: 94px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabs ul li a span {
  line-height: var(--fs-20px);
  max-width: 168px;
}
.tabs ul li a::after {
  position: absolute;
  content: "";
  width: 1px;
  background: #444949;
  height: 58px;
  right: 0;
  top: 21px;
}
section.herosection .tabs {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
.tabs ul li:first-child a {
  border-radius: 100px 0 0;
}
.tabs ul li:last-child a {
  border-radius: 0 100px 0 0;
}
.tabs ul li:hover a,
section.miniproduct table tbody tr:nth-child(2n) {
  background: var(--New-Grass-Green, #78be20);
}
.tabs ul li:hover a span {
  color: var(--White, #fff);
}
footer {
  background: var(--Dark-Blue, #232d40);
  padding-top: 45px;
  padding-bottom: 25px;
}
.maintitle h2 {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.bottomdata p,
.inputfileds input[type="email"],
.inputfileds input[type="submit"],
.maintitle p {
  font-family: Poppins;
  font-style: normal;
}
.maintitle p {
  color: var(--White, #fff);
  text-align: center;
  font-size: var(--fs-28px);
  font-weight: 400;
  margin: 0;
  line-height: normal;
}
.newslatter {
  padding-top: 34px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.inputfileds {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 610px;
  padding: 10px;
  border-radius: 100px;
  background: #fff;
}
.inputfileds input[type="submit"] {
  color: var(--White, #fff);
  text-align: center;
  font-size: var(--fs-20px);
  font-weight: 400;
  line-height: normal;
  padding: 5px 27px;
  border-radius: 100px;
  background: var(--Green, #5d9b12);
  outline: 0;
  border: none;
  max-width: 152px;
  width: 100%;
  cursor: pointer;
}
.inputfileds input[type="email"] {
  max-width: calc(100% - 152px);
  width: 100%;
  border: none;
  outline: 0;
  padding: 5px 27px;
  height: 100%;
  color: var(--Dark-Gray, #444949);
  font-size: var(--fs-22px);
  font-weight: 400;
  line-height: 29px;
}
.grass .content h3,
.grass .content p {
  max-width: 300px;
  z-index: 9;
  transform: scale(0.7);
  margin: 0 auto;
  transition: 0.3s ease-in;
}
.grass .content h3,
.grass .span h3 {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  font-size: var(--fs-22px);
  font-weight: 700;
  letter-spacing: 1.32px;
  color: var(--White, #fff);
  text-align: center;
}
.bottom-info {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
.usefulllinks {
  display: flex;
  justify-content: space-between;
  gap: 109px;
  padding-top: 50px;
}
.contentinfo {
  max-width: 353px;
  width: 100%;
}
.findus {
  max-width: 283px;
  width: 100%;
}
.downloadinput input,
.fullinput,
.fullinput textarea,
.ifarememain iframe,
.map iframe,
.search-modal .fileds,
.topinputfileds.w-100 input,
section.miniproduct table {
  width: 100%;
}
.usefulllinksdata {
  width: 166px;
}
.findus h3,
.footerlogo-data h3,
.usefulllinksdata h3 {
  color: #fff;
  font-family: Raleway;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.usefulllinksdata ul li a {
  color: #fff;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}
.bottomdata {
  display: flex;
  padding-top: 48px;
  justify-content: space-between;
  gap: 110px;
}
.footerlogo,
.grassfulcontent {
  display: flex;
  align-items: center;
}
.bottomdata p {
  max-width: 470px;
  width: 100%;
  color: #fff;
  font-size: var(--fs-18px);
  font-weight: 300;
  line-height: 31px;
}
.footerlogo-data h3,
.footerlogo-data p,
.footerlogo-data ul li {
  color: #fff;
  font-family: Poppins;
  font-size: var(--fs-18px);
  line-height: 27px;
  font-style: normal;
}
.bottomdata p a,
.menu-list li > ul.sub-menu li.menu-item-has-children > ul.sub-menu li > a,
.samplebtn:hover,
section.artificialgrass-about .aboutargrass:nth-child(2n) .grasscontent h2,
section.artificialgrass-about .aboutargrass:nth-child(2n) .grasscontent p,
section.bottom-content.fullwidth .tabs ul li.active a span {
  color: #fff;
}
.footerlogo {
  gap: 82px;
}
.footerlogo ul {
  display: flex;
  gap: 15px;
}
.footerlogo-data h3 {
  padding-bottom: 0;
  padding-top: 23px;
  text-transform: capitalize;
  font-weight: 600;
}
.footerlogo-data ul li {
  padding-bottom: 10px;
}
.bookcontent h2,
.grass .content h3,
.grass .span h3 {
  font-family: Raleway;
  line-height: normal;
  text-transform: uppercase;
}
.footerlogo-data ul {
  width: 185px;
}
.footerlogo-data p,
.footerlogo-data ul li {
  font-weight: 300;
}
.allartficialgrass {
  display: flex;
  overflow: hidden;
}
.grass {
  max-width: 480px;
  width: 100%;
  height: 403px;
  position: relative;
}
.grass img,
.reviewvideo img,
.video video,
.video-div video {
  width: 100%;
  height: 100%;
}
.grass .content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 13px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: 0.3s ease-in;
}
.grass .span,
.mainblour,
.video img,
.videomain-btn {
  top: 50%;
  transform: translate(-50%, -50%);
}
.back-gallerey.show,
.flip-card:hover .flip-card-back::after,
.grass:hover .content,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  opacity: 1;
}
.grass .content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 0;
  transition: 0.3s ease-in;
}
.grass .content h3 {
  font-style: normal;
  width: 100%;
  opacity: 0;
}
.grass .span {
  transition: 0.5s ease-in;
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 100%;
  padding: 0 15px;
}
.grass .span h3 {
  font-style: normal;
}
.bookcontent h2,
.bookcontent p,
.grass .content p {
  font-style: normal;
  font-weight: 400;
}
.grass .content p {
  color: var(--White, #fff);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  width: 100%;
  line-height: 28px;
  opacity: 0;
}
.grass:hover .span {
  opacity: 0;
}
section.artificial .title {
  padding-bottom: 50px;
}
section.artificial .title h2,
section.artificialgrassproduct h2,
section.blognewslatter h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
}
.grass:hover .content::after {
  transform: scale(0.92);
}
.grass:hover .content h3,
.grass:hover .content p,
section.loadder .loaderlogo.activeme {
  transform: scale(1);
  opacity: 1;
}
.typegrass {
  padding: 80px 0;
}
.typegrass .grassfulcontent {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto;
  background: var(--Light-Green, #eef3ee);
  position: relative;
  padding: 26px 0;
  overflow: hidden;
}
.typegrass .grassfulcontent .lightimg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.lighbox-image,
.mainblour img,
.turf-holder:hover::after,
.typegrass .grassfulcontent .lightimg img {
  height: 100%;
}
.bookcontent {
  max-width: 545px;
  width: 100%;
}
.bookcontent h2 {
  color: var(--Dark-Blue, #232d40);
  font-size: var(--fs-40px);
  letter-spacing: 5.6px;
  margin-bottom: 15px;
}
.bookcontent p {
  color: var(--Dark-Gray, #444949);
  font-family: Poppins;
  font-size: var(--fs-28px);
  line-height: 38px;
  margin-bottom: 40px;
}
.greenstitle h2,
.samplebtn,
.save input {
  line-height: normal;
  color: var(--White, #fff);
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
.samplebtn,
.save input {
  font-family: Poppins;
  font-size: var(--fs-20px);
  display: block;
  width: fit-content;
  cursor: pointer;
}
.samplebtn,
.save {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.samplebtn::after {
  content: "";
  position: absolute;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(79, 135, 11, 0) 10%,
    #4f870b 33.33%,
    #4f870b 66.67%,
    rgba(79, 135, 11, 0) 90%
  );
  transition: 0.5s ease-in;
  height: 100%;
  top: 0;
  z-index: -1;
  left: -100%;
}
.samplebtn:hover::after {
  left: 100%;
}
.Heavenlygreens {
  padding-top: 50px;
  padding-bottom: 135px;
  background: var(--Dark-Blue, #232d40);
  position: relative;
}
.Heavenlygreensdata img {
  margin: 0 auto 30px;
  display: block;
}
.greenstitle {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}
.greenstitle h2 {
  font-family: Raleway;
  font-size: var(--fs-40px);
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.greenstitle p {
  color: var(--White, #fff);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.loaction-map h2,
.services .maintitle h2 {
  font-size: var(--fs-40px);
  letter-spacing: 5.6px;
  text-align: center;
}
.loaction-map h2,
.loactioncheck h6 {
  font-family: Raleway;
  line-height: normal;
  text-transform: uppercase;
  font-style: normal;
}
.greenstitle a {
  margin: 43px auto 0;
}
.grassconetn {
  position: absolute;
  bottom: 0;
}
.menu-list li > ul.sub-menu li.menu-item-has-children > ul.sub-menu {
  top: 0;
  left: 100%;
}
section.location {
  padding-top: 60px;
  padding-bottom: 40px;
}
.video {
  display: block;
  margin: 35px auto;
  max-width: 910px;
  width: 100%;
  position: relative;
  height: 510px;
}
.video img,
.videomain-btn {
  position: absolute;
  left: 50%;
}
.benfits a,
.loaction-map .samplebtn,
.loadmore a {
  margin: 0 auto;
}
.loaction-map h2 {
  color: var(--Dark-Blue, #232d40);
  font-weight: 400;
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}
.loactioncheck {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 595px;
  width: 100%;
  margin: 0 auto 90px;
  padding: 16px 50px;
  background-size: cover;
  border-radius: 30px;
  background-repeat: no-repeat;
}
.loactioncheck h6 {
  color: var(--White, #fff);
  font-size: var(--fs-30px);
  margin-bottom: 8px;
  font-weight: 600;
}
.loactioncheck p {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.servicecontent h3,
.services .maintitle h2 {
  font-family: Raleway;
  line-height: normal;
  font-style: normal;
  text-transform: uppercase;
}
.services {
  padding-top: 54px;
  padding-bottom: 37px;
  background: var(--Dark-Blue, #232d40);
}
.services .maintitle h2 {
  color: var(--White, #fff);
  font-weight: 400;
  padding-bottom: 57px;
}
.service {
  display: flex;
  width: 100%;
}
.servicecontent {
  max-width: 50.9%;
  width: 100%;
  background-color: #fff;
  padding: 103px 160px 103px 141px;
}
.servicecontent h3 {
  color: var(--Dark-Blue, #232d40);
  font-size: var(--fs-30px);
  font-weight: 600;
  margin-bottom: 18px;
}
.servicecontent p {
  color: var(--Light-Gray, #636363);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.servicecontent .samplebtn {
  margin-top: 30px;
}
.serviceimg {
  max-width: 49.1%;
  width: 100%;
}
.lighbox-image a,
.lighbox-image a img,
.serviceimg img {
  height: 100%;
  width: 100%;
}
.fullservicedetails .service:nth-child(2n) {
  flex-direction: row-reverse;
  padding-right: 35px;
}
.fullservicedetails .service:nth-child(odd) {
  padding-left: 35px;
}
.customerrating {
  background: var(--Light-Green, #eef3ee);
  padding-top: 70px;
  padding-bottom: 77px;
}
.container-flow-title h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 70px;
}
.reviews {
  display: flex;
  gap: 60px;
}
.googlereview.pt-0,
section.singleproduct-data {
  position: relative;
}
.googlereview.pt-0::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  right: -30px;
  background: #000;
}
.reviewdata {
  max-width: 49%;
  width: 100%;
}
.googlereviw img {
  display: block;
  margin: 0 auto;
  padding-bottom: 38px;
}
.googlereviw h6 {
  color: var(--Purple, #36163e);
  font-size: var(--fs-24px);
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 25px;
}
.googlereviw p,
.reviewcontentflow p {
  font-weight: 400;
  line-height: 22px;
  font-style: normal;
}
.googlereviw p {
  color: #000;
  text-align: center;
  font-size: var(--fs-20px);
}
.googlereview {
  padding-top: 60px;
}
.reviewcontent {
  border-radius: 5px;
  background: var(--White, #fff);
  padding: 20px;
}
.quote,
section.comparsion-product {
  background-size: cover;
  background-repeat: no-repeat;
}
.reviewcontent .toptitle {
  display: flex;
  gap: 15px;
  align-items: center;
  padding-bottom: 10px;
}
.arrowbuttons,
.save {
  justify-content: center;
  display: flex;
}
.reviewcontent .toptitle .nametitle h3 {
  color: var(--Black, #000);
  font-size: var(--fs-14px);
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.reviewcontent .toptitle .nametitle span {
  color: var(--details-explanations, #a6a6a6);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.36px;
}
.reviewcontentflow p {
  color: var(--Black, #000);
  font-size: var(--fs-16px);
  letter-spacing: -0.48px;
}
.flip-card .two-five,
.reviewcontentflow {
  padding: 10px 0;
}
span.readmore {
  color: var(--details-explanations, #a6a6a6);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.42px;
}
.arrowbuttons {
  align-items: center;
  padding-top: 45px;
  gap: 10px;
}
.arrowbuttons div {
  cursor: pointer;
}
.videoslidercontent {
  background-color: #fff;
  max-width: 390px;
  width: 100%;
  border: 1px solid #cecece;
  height: 570px;
}
.reviewvideo {
  height: 213px;
}
.videoslidercontent .contentbody {
  padding: 24px 28px;
}
.videoslidercontent .contentbody h2 {
  color: var(--Dark-Blue, #232d40);
  font-family: Raleway;
  font-size: var(--fs-22px);
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.videoslidercontent .contentbody h3,
.videoslidercontent .contentbody p,
.videoslidercontent .contentbody span {
  font-family: Poppins;
  font-size: var(--fs-16px);
  line-height: 22px;
  font-style: normal;
}
.videoslidercontent .contentbody p {
  color: var(--Dark-Gray, #444949);
  font-weight: 400;
  padding-bottom: 10px;
}
.videoslidercontent .contentbody h3 {
  color: var(--Dark-Gray-1, #141414);
  font-weight: 600;
  padding-bottom: 6px;
}
.videoslidercontent .contentbody span {
  color: var(--Dark-Gray, #444949);
  font-weight: 400;
}
.quote {
  padding: 55px;
}
.quateform {
  background: rgba(255, 255, 255, 0.85);
  padding: 50px 0;
  max-width: 1813px;
  width: 100%;
  margin: 0 auto;
}
.inputquatform {
  max-width: 745px;
  width: 100%;
  margin: 0 auto;
}
.inputquatform .title h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.inputquatform .title p a,
.inputquatform .title p {
  color: var(--Dark-Gray, #444949);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-28px);
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  max-width: 677px;
  margin: 0 auto 32px;
}
.inputfiledsdata {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}
.inputfiledsdata input,
.inputfiledsdata select,
.inputfiledsdata textarea {
  width: 100%;
  padding: 10px 15px;
  color: var(--Light-Gray, #636363);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: transparent;
  outline: 0;
  border: none;
  border: 1px solid var(--Light-Gray, #636363);
}
.downloadinput,
.fileds {
  width: 50%;
}
.inputfiledsdata-flow input {
  width: auto;
}
.checkprivacy label,
.inputfiledsdata-flow .fileds label,
.inputfiledsdata-flow label,
.inputmainfileds .trems label {
  color: var(--Light-Gray, #636363);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inputfiledsdata-flow .fileds {
  width: 100%;
  gap: 5px;
  display: flex;
  align-items: center;
}
.bottomtitle,
.inputfiledsdata-flow,
section.artificialgrass-about.solutions .aboutargrass,
section.locattion-secmains.mains .title-location,
section.quote.main .title {
  padding-bottom: 40px;
}
.mostpopuarblog ul li:last-child,
.same-cash a,
.save input {
  border: none;
}
.save {
  align-items: center;
}
.realtedproduct {
  background: var(--Dark-Blue, #232d40);
  padding-top: 90px;
  padding-bottom: 70px;
}
.guide,
.product h3 {
  background-color: #fff;
}
.relatedproduct {
  display: flex;
  gap: 32px;
  justify-content: center;
}
.productimg img,
.team-flow .teams .team .teamimg img {
  height: 100%;
  object-fit: cover;
}
.productimg {
  height: 238px;
}
.product h3 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-22px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 18px 0;
}
section.realtedproduct a.samplebtn {
  display: block;
  margin: 77px auto 0;
}
.guidereviw .title h2,
section.realtedproduct .title h2,
section.resources h2 {
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
}
section.resources h2 {
  color: #000;
  padding-bottom: 40px;
}
section.realtedproduct .title {
  padding-bottom: 75px;
}
section.singleproductvideo .videoplay {
  margin: 0 auto;
  max-width: 1222px;
  height: 687px;
}
section.singleproductvideo {
  padding: 120px 0;
}
.coolege-thumbnail img,
.instaltion-image img,
.lighbox-image img,
.modal-video video,
.video-thumbnial video,
section.artificialgrass-about.solutions .grassimg .video video,
section.singleproductvideo .videoplay video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.reveiwcontent,
.search-modal.active-modal,
.singleproductpagedata-flow-data {
  display: flex;
}
.singleproductpagedata-flow-data .singleproductcontent,
.singleproductpagedata-flow-data .singleproductimg {
  max-width: 50%;
  width: 100%;
}
.shortdiscarption,
.singleproductcontent .acrodien {
  max-width: 627px;
  width: 100%;
  margin: 0 auto;
}
.singleproductcontent {
  padding: 117px 0;
}
section.singleproduct-data::after,
section.singleproduct-data::before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  content: "";
  background: var(--Dark-Blue, #232d40);
  z-index: -1;
}
section.singleproduct-data::before {
  left: 0;
  width: 50%;
  background: var(--Light-Green, #eef3ee);
}
.conetntacrod .title .icondropdowncontent p,
.features-list ul li span,
.featureslist ul li span,
.shortdiscarption p {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.mainflow h1,
.singleproductimg h1 {
  font-family: Raleway;
  line-height: normal;
  text-transform: uppercase;
}
.shortdiscarption {
  padding-bottom: 45px;
}
.singleproductcontent .acrodien h2 {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 23px;
  border-bottom: 1px solid #78be20;
}
.conetntacrod {
  padding-top: 23px;
}
.conetntacrod .title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
}
.conetntacrod .title .icondropdowncontent p b {
  font-weight: 600;
}
.singleproductcontent .acrodien a.samplebtn {
  margin-top: 60px;
}
.singleproductimg h1 {
  color: var(--Dark-Blue, #232d40);
  font-size: var(--fs-40px);
  padding-bottom: 33px;
  color: var(--Dark-Blue, #232d40);
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
}
.mainflow h1,
.mainflow p {
  color: var(--White, #fff);
  font-style: normal;
  text-align: center;
}
.singleproductimg {
  padding-top: 80px;
  padding-bottom: 60px;
}
.swiper.productview {
  max-width: 690px;
  width: 100%;
  margin: 0;
  padding-bottom: 40px;
}
.swiper.productview .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--Button-Tab, #fd8476);
}
.swiper.productview .swiper-pagination span {
  background-color: #c6c5c5;
  width: 8px;
  height: 8px;
}
section.comparsion-product {
  padding: 45px 0;
}
.mainflow img {
  display: block;
  margin: 0 auto;
  padding-bottom: 17px;
}
.mainflow h1 {
  font-size: var(--fs-50px);
  padding-bottom: 16px;
  font-weight: 700;
}
.mainflow p {
  font-family: Poppins;
  font-size: var(--fs-30px);
  font-weight: 400;
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  line-height: 38px;
}
section.guidereviw {
  background: var(--Dark-Blue, #232d40);
  padding: 80px 0;
}
.mainflowdata {
  display: flex;
  justify-content: center;
  gap: 33px;
  padding-top: 45px;
}
.guide h3 {
  color: var(--Dark-Blue, #232d40);
  font-family: Raleway;
  font-size: var(--fs-22px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 20px;
  padding-top: 25px;
}
.content-flow p,
.team-flow .teams .team .teambody {
  padding-top: 26px;
}
.guide ul li {
  display: flex;
  gap: 8px;
}
.guide p,
.guide ul li span,
.outdorgallerycontent p {
  color: var(--Dark-Gray-1, #141414);
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.content-flow p,
.content-flow span {
  color: var(--White, #fff);
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
}
.guide {
  max-width: 440px;
  width: 100%;
  padding: 37px 45px;
}
.guideimage {
  min-height: 100px;
}
.content-flow span {
  font-size: var(--fs-25px);
  line-height: 35px;
}
.content-flow {
  padding-top: 42px;
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
}
.content-flow p {
  font-size: var(--fs-14px);
  line-height: 22px;
  opacity: 0.6;
}
section.downloadguide {
  padding: 75px 0;
}
.downloadguidetitle h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.downloadguidetitle p {
  color: var(--Dark-Gray-1, #141414);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-28px);
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}
.downloadform input,
.fullinput textarea {
  color: var(--Light-Gray, #636363);
  font-size: var(--fs-18px);
  padding: 10px 15px;
  font-family: Poppins;
}
.downloadformdata {
  padding-top: 40px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}
.downloadform {
  display: flex;
  gap: 20px;
  padding-bottom: 35px;
}
.downloadform input {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.fullinput textarea {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 100px;
}
.grasscontent h2,
.grasscontent p,
.miniproduct-start h2 {
  color: var(--Dark-Gray-1, #141414);
  font-style: normal;
  font-weight: 400;
}
.downloadformdata .inputfileds {
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  gap: 5px;
  padding: 30px 0 25px;
}
.downloadformdata .inputfileds a {
  color: var(--New-Grass-Green, #78be20);
  font-family: Poppins;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inputmainfileds .trems {
  display: flex;
  gap: 5px;
}
.inputmainfileds {
  padding-bottom: 42px;
}
section.comparsion-product.productlist {
  height: 520px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.artificialgrass-about {
  padding: 65px 0 65px 30px;
}
.aboutargrass {
  display: flex;
  gap: 89px;
  justify-content: flex-end;
  align-items: center;
}
.grasscontent,
.school-collegedata {
  max-width: 770px;
  width: 100%;
}
.grasscontent h2 {
  font-family: Raleway;
  font-size: var(--fs-40px);
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 35px;
}
.grasscontent p {
  font-family: Poppins;
  font-size: var(--fs-18px);
  line-height: 28px;
  padding-bottom: 15px;
}
.grasscontent p a {
  color: var(--New-Grass-Green, #78be20);
}
section.miniproduct {
  background: var(--Light-Green, #eef3ee);
  padding-bottom: 95px;
  padding-top: 80px;
}
section.blog-section,
section.features,
section.miniproduct table thead tr th,
section.singleblog {
  background: var(--Dark-Blue, #232d40);
}
.miniproduct-start h2 {
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  padding-bottom: 18px;
  line-height: normal;
  letter-spacing: 5.6px;
  text-transform: uppercase;
}
.tabsflow ul li a,
section.miniproduct table tbody tr td,
section.miniproduct table thead tr th {
  font-family: Poppins;
  font-size: var(--fs-18px);
  line-height: 28px;
}
.miniproduct-start p,
section.gallery-sectab.imggallery.solutions .feature-holder p {
  color: var(--Dark-Gray-1, #141414);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.thanksdata h2,
section.artificialgrassproduct .producttitle h2 {
  color: var(--Dark-Blue, #232d40);
  font-family: Raleway;
  line-height: normal;
  text-transform: uppercase;
  font-style: normal;
}
.miniproduct-start {
  max-width: 857px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 37px;
}
section.miniproduct .table-responsive {
  max-width: 1437px;
  width: 100%;
  margin: 0 auto;
}
section.miniproduct table thead tr th {
  padding: 17px 31px;
  color: var(--White, #fff);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
section.miniproduct table tbody tr td {
  color: var(--Dark-Gray-1, #141414);
  font-style: normal;
  font-weight: 400;
  padding: 20px 30px;
}
section.miniproduct table tbody tr td:first-child {
  font-weight: 700;
  border-left: none;
  text-transform: uppercase;
}
section.miniproduct table tbody tr td,
section.miniproduct table thead tr th {
  border-left: 1px solid #000;
}
section.miniproduct table thead tr th {
  border-left: 1px solid #fff;
}
section.miniproduct table thead tr:first-child th {
  min-width: 250px;
}
section.artificialgrassproduct {
  padding: 77px 0;
}
.maintitle-flow {
  padding-bottom: 60px;
}
.tabsflow ul {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.tabsflow ul li a {
  background: var(--Button-Tab, #fd8476);
  padding: 12px 20px;
  color: var(--White, #fff);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  display: block;
  width: fit-content;
}
.miancontent {
  display: flex;
  padding-top: 100px;
  gap: 130px;
}
section.artificialgrassproduct .producttitle h2 {
  font-size: var(--fs-30px);
  font-weight: 600;
  text-align: left;
}
section.artificialgrassproduct .producttitle,
section.artificialgrassproduct.gridveiw .miancontent .producttitle {
  max-width: 345px;
  width: 100%;
}
section.artificialgrassproduct .relatedproduct {
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-start;
  max-width: 1140px;
}
section.artificialgrassproduct .relatedproduct .product {
  max-width: 327px;
  width: 100%;
}
.comparsion-product.plyaforchildren .mainflow p {
  max-width: 1380px;
}
section.thankyoupoup {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
}
section.thankyoupoup .container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thanksdata {
  display: flex;
  justify-content: center;
  gap: 105px;
}
.thanksdata h2 {
  font-size: var(--fs-40px);
  font-weight: 400;
  letter-spacing: 5.6px;
}
.thankscontentfulldetails {
  background: var(--Light-Green, #eef3ee);
  max-width: 1330px;
  width: 100%;
  margin: 0 auto;
  padding-top: 88px;
  padding-bottom: 70px;
  position: relative;
}
.thankscontent p {
  color: var(--Dark-Gray, #444949);
  font-family: Poppins;
  font-size: var(--fs-28px);
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-top: 23px;
}
.features .title h2,
.outdorgallerycontent h2 {
  font-family: Raleway;
  font-size: var(--fs-40px);
  line-height: normal;
  letter-spacing: 5.6px;
  font-style: normal;
  text-transform: uppercase;
}
.thankscontent {
  max-width: 575px;
  width: 100%;
}
.thankscontentfulldetails a.samplebtn,
section.gallery-sectab.imggallery.solutions a.samplebtn {
  margin: 70px auto 0;
}
.closeme {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.benfits,
.mostpopuarblog,
section.same-box-reverse2.give-back .loop-box:nth-child(2n) {
  background-color: #fff;
}
section.thankyoupoup.show {
  display: block;
  animation: 0.9s ease-in animte-drop-down;
}
@keyframes animte-drop-down {
  0% {
    opacity: 0;
    -webkit-clip-path: polygon(
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%
    );
    clip-path: polygon(
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%
    );
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(
      0 0,
      50% 0,
      100% 0,
      100% 50%,
      100% 100%,
      50% 100%,
      0 100%,
      0 50%
    );
    clip-path: polygon(
      0 0,
      50% 0,
      100% 0,
      100% 50%,
      100% 100%,
      50% 100%,
      0 100%,
      0 50%
    );
  }
}
section.miniproduct.products .relatedproduct {
  flex-wrap: wrap;
  justify-content: flex-start;
}
section.features {
  padding-top: 75px;
  padding-bottom: 90px;
}
.features .title h2 {
  color: var(--White, #fff);
  font-weight: 400;
  text-align: center;
  padding-bottom: 70px;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.grasscontent span.title,
section.artificialgrass-about .grasscontent span.title {
  color: var(--Dark-Gray, #444949);
  font-family: Poppins;
  margin-bottom: 26px;
  font-weight: 400;
  font-size: var(--fs-28px);
  line-height: 38px;
  display: block;
}
.features-list {
  display: flex;
  gap: 78px;
  justify-content: center;
}
.features-list ul li {
  display: flex;
  gap: 18px;
  align-items: center;
  padding-bottom: 15px;
}
section.miniproduct.products .miniproduct-start {
  max-width: 1100px;
}
section.outdoorleavinggallery {
  padding-bottom: 75px;
  padding-top: 66px;
}
.outdorgallerycontent {
  max-width: 420px;
  width: 100%;
}
.famousblog,
section.bottom-content.fullwidth .tabs ul li {
  max-width: 400px;
}
.outdorgallerycontent h2 {
  color: var(--Dark-Gray-1, #141414);
  font-weight: 400;
  padding-bottom: 20px;
}
.outdorgallerycontent a {
  margin-top: 95px;
}
.gallery {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
section.artificialgrass-about .grasscontent span.title {
  font-style: normal;
  margin-top: -15px;
}
.grasscontent span.title {
  font-style: normal;
  margin-top: -10px;
}
.blogcontent h2,
.featureslist span.maintitle {
  font-size: var(--fs-25px);
  font-family: Poppins;
  font-style: normal;
}
section.artificialgrass-about .aboutargrass:nth-child(2n) {
  background: var(--Dark-Blue, #232d40);
  flex-direction: row-reverse;
  padding-top: 110px;
  padding-bottom: 120px;
}
section.artificialgrass-about.mainplain {
  padding-left: 0;
  padding-bottom: 0;
}
section.artificialgrass-about .aboutargrass:nth-child(odd) {
  padding-bottom: 75px;
  max-width: 1740px;
  margin-left: auto;
}
section.artificialgrass-about .grassimg {
  max-width: 900px;
  width: 100%;
}
.featureslist span.maintitle {
  color: var(--White, #fff);
  font-weight: 600;
  line-height: normal;
  padding-top: 15px;
  padding-bottom: 20px;
  display: block;
  width: fit-content;
}
.featureslist ul li {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
section.gallery-sectab.imggallery .main-tablist ul li:first-child,
section.gallery-sectab.imggallery .main-tablist ul li:nth-child(2) {
  width: fit-content;
}
section.gallery-sectab.imggallery .main-tablist ul li:first-child a,
section.gallery-sectab.imggallery .main-tablist ul li:nth-child(2) a,
section.mainpoupofslider .cotentviewpoup,
section.mainpoupofslider .reviewcontent {
  background-color: transparent;
}
.contentflow img,
.odd-evenholder .college-holds:nth-child(2n) .row .coolege-thumbnail,
section.gallery-sectab.imggallery .main-tablist,
section.gallery-sectab.imggallery .main-tablist ul li {
  margin: 0;
}
section.gallery-sectab.imggallery .grid-tabs {
  padding-bottom: 80px;
  padding-top: 60px;
  justify-content: center;
}
section.gallery-sectab.imggallery .feature-holder h2,
section.singleblog .mainflow h1 {
  padding: 0;
}
.main-tablist ul li a:hover,
.main-tablist ul li.active a,
section.gallery-sectab.imggallery .main-tablist ul li:first-child:hover a,
section.gallery-sectab.imggallery .main-tablist ul li:nth-child(2):hover a {
  background: #fd8476;
  color: #fff;
  border-color: #fd8476;
}
section.gallery-sectab.imggallery .main-tablist ul li.active:first-child a,
section.gallery-sectab.imggallery .main-tablist ul li.active:nth-child(2) a {
  background: #fd8476;
  color: #fff;
  border: 1px solid #fd8476;
}
.grid-videomain.mainflowgallery {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1510px;
}
.grid-videomain.mainflowgallery .flip-card {
  max-width: 280px;
  width: 100%;
  height: 200px;
  margin: 0 auto;
}
section.gallery-sectab.imggallery .tab-holder {
  max-width: 1540px;
  width: 100%;
  height: 100%;
}
section.comparsion-product.productlist .mainflow span {
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
section.bottom-content .tabs {
  margin-top: -94px;
}
section.bottom-content.fullwidth .tabs ul li span {
  width: fit-content;
  max-width: fit-content;
}
section.bottom-content.fullwidth .tabs ul li.active a {
  background-color: var(--New-Grass-Green, #78be20);
}
section.bottom-content,
section.bottom-content.fullwidth {
  position: relative;
  z-index: 99;
}
.product {
  transition: 0.3s ease-in;
}
.product:hover {
  background: #fff;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
section.blog-section {
  position: relative;
  padding-top: 65px;
  padding-bottom: 55px;
  z-index: 0;
}
.mainblour {
  position: absolute;
  left: 50%;
  z-index: -1;
  height: 1750px;
}
.blog-section {
  display: flex;
  gap: 50px;
  justify-content: space-between;
}
.famousblog {
  width: 100%;
}
.blogs {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 40px;
}
.blog {
  max-width: 538px;
  width: 100%;
}
.blogimg {
  height: 334px;
  margin-bottom: 20px;
}
.blogimg img,
.reveiwcontent .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogcontent h2 {
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 27px;
}
.bottomcontent,
.bottomfileds {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottomcontent span {
  color: #78be20;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.benfits h6,
.mostpopuarblog h6 {
  font-weight: 600;
  text-align: center;
}
.loadmore {
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
.mostpopuarblog {
  padding: 15px 6px;
}
.mostpopuarblog h6 {
  color: var(--New-Grass-Green, #78be20);
  font-family: Raleway;
  font-size: var(--fs-25px);
  font-style: normal;
  line-height: normal;
  padding-bottom: 17px;
}
.benfits h6,
.mostpopuarblog ul li span {
  color: var(--Dark-Blue, #232d40);
  font-family: Raleway;
  font-style: normal;
  line-height: normal;
}
.mostpopuarblog ul li {
  padding: 13px 13px 13px 25px;
  border-bottom: 1px solid var(--Dark-Blue, #232d40);
  position: relative;
}
.mostpopuarblog ul li::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--Dark-Blue, #232d40);
  left: 8px;
  border-radius: 50%;
  top: 22px;
}
.mostpopuarblog ul li:first-child {
  border-top: 1px solid var(--Dark-Blue, #232d40);
}
.mostpopuarblog ul li span {
  font-size: var(--fs-18px);
  font-weight: 500;
  display: block;
}
.mostpopuarblog ul li a {
  color: var(--New-Grass-Green, #78be20);
  font-family: Raleway;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 5px;
}
.benfits {
  margin-top: 15px;
  padding: 22px 0 32px;
}
.relatedblog-data,
.singleblogdata {
  background: var(--Light-Green, #eef3ee);
}
.benfits h6 {
  font-size: var(--fs-20px);
}
.inputfileds input,
.main-tablist ul li a {
  color: var(--Light-Gray, #636363);
  border: 1px solid var(--Light-Gray, #636363);
}
.inputfileds input,
.privacy a,
section.blognewslatter .titleblog p {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
}
.benfits img {
  margin: 30px auto 16px;
  display: block;
}
section.blognewslatter {
  padding-top: 90px;
  padding-bottom: 70px;
}
section.blognewslatter .titleblog p {
  color: var(--Dark-Gray-1, #141414);
  text-align: center;
  font-size: var(--fs-28px);
  line-height: 38px;
  padding-top: 15px;
}
.newslatterblog .inputfileds {
  padding-top: 42px;
  padding-bottom: 42px;
  max-width: 745px;
  width: 100%;
  gap: 20px;
}
.inputfileds input {
  max-width: 363px;
  width: 100%;
  font-size: var(--fs-18px);
  line-height: normal;
  padding: 10px 14px;
  outline: 0;
}
.privacy a {
  display: block;
  margin: 0 auto;
  color: var(--New-Grass-Green, #78be20);
  font-size: var(--fs-20px);
  width: fit-content;
  line-height: normal;
}
.date span,
.writer span {
  font-size: var(--fs-18px);
  font-weight: 400;
  line-height: 30px;
  font-family: Poppins;
  font-style: normal;
}
.checkprivacy {
  display: flex;
  gap: 5px;
  justify-content: center;
  padding-top: 28px;
  padding-bottom: 42px;
}
section.singleblog {
  height: 260px;
}
section.singleblog .container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.fulldetailsofblog .singleblogdata .dataflow {
  margin-top: -50px;
}
.singleblogdata {
  padding-bottom: 23px;
}
.writenby {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.writer span {
  color: #000;
  width: 95px;
  display: block;
}
.writer {
  display: flex;
  gap: 20px;
  align-items: center;
}
.date span {
  color: var(--Green, #5d9b12);
  text-align: right;
}
section.fulldetailsofblog .title h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 42px;
  padding-bottom: 24px;
}
.allcontent p,
.contentlist p,
.contentlist span,
section.fulldetailsofblog .title a {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
section.fulldetailsofblog .title a {
  color: var(--Green, #5d9b12);
  text-align: center;
  font-size: var(--fs-18px);
  display: block;
  margin: 0 auto 24px;
}
.allcontent {
  border-top: 1px solid #000;
  padding-top: 50px;
}
.allcontent p {
  color: #000;
  text-align: center;
  font-size: var(--fs-20px);
  max-width: 1400px;
  margin: 0 auto;
}
.listes-of-content {
  display: flex;
  padding-top: 75px;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 47px;
}
.contentlist {
  max-width: 748px;
  width: 100%;
  margin: 0 auto;
}
.contentlist p,
.contentlist span {
  color: #000;
  font-size: var(--fs-18px);
  padding-bottom: 10px;
  text-align: left;
  padding-top: 20px;
}
.bottom-title h3,
.contentlist h3 {
  color: var(--Dark-Blue, #232d40);
  font-size: var(--fs-30px);
  font-weight: 500;
  line-height: normal;
}
.contentlist span {
  font-style: italic;
  padding-bottom: 0;
}
.bottom-title h3,
.bottom-title p,
.bottom-title p a,
.contentlist h3,
.relatedblog-data h2 {
  font-style: normal;
  font-family: Poppins;
}
.bottom-title h3 {
  text-align: center;
  padding-top: 77px;
  padding-bottom: 20px;
}
.bottom-title p,
.bottom-title p a {
  color: #000;
  text-align: center;
  font-size: var(--fs-18px);
  padding-bottom: 10px;
  font-weight: 400;
  line-height: 30px;
}
.maincontent {
  margin-top: 45px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.maincontent ul {
  display: flex;
  align-items: center;
  gap: 25px;
}
section.blognewslatter.flow {
  padding-top: 38px;
}
.relatedblog-data {
  padding-top: 83px;
  padding-bottom: 108px;
}
.relatedblog-data h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-size: var(--fs-40px);
  font-weight: 700;
  line-height: normal;
  padding-bottom: 50px;
}
section.relatedblog-data .blogs .blog {
  max-width: 450px;
}
section.relatedblog-data .blogs {
  gap: 80px;
}
section.relatedblog-data .blog .blogcontent h2 {
  color: #1c2433;
  font-family: Poppins;
  font-size: var(--fs-25px);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  padding-bottom: 20px;
}
.featuresflow h2,
.featuresflow ul li,
section.gallery-sectab.imggallery.solutions h2 {
  font-size: var(--fs-30px);
  letter-spacing: 4.2px;
  font-family: Raleway;
  font-style: normal;
  text-transform: uppercase;
}
.blog-section section .blog-section,
.cd-image-container img,
.grid-acrdean.activeacrdean img.minuss-image,
.tab-bottom div#tabs-content .tab-content:nth-child(3),
section.blog-section.main-two,
section.gallery-sectab.imggallery
  .tab-holder
  .tab-bottom.flowlink
  div#tabs-content
  .tab-content,
section.gallery-sectab.imggallery div#tabs-content .tab-content,
section.locattion-secmains.mains .grid-location {
  display: block;
}
.bottomfileds ul,
.flag .container,
.loadder,
.solutionbanner .container,
.topinputfileds,
.uploadfiles,
.uploadfiles .file label,
section.mainpoupofslider.show,
section.review .allreviwsdata,
section.reviewpoup.show {
  display: flex;
  display: flex;
}
.solutionbanner {
  height: 375px;
  background-size: cover;
  background-repeat: no-repeat;
}
.solutionbanner .container {
  justify-content: center;
  align-items: center;
  height: 100%;
}
.solutionbanner .container h1 {
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-50px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
section.artificialgrass-about.solutions .grasscontent {
  max-width: 776px;
}
section.artificialgrass-about.solutions .grassimg .video {
  margin-bottom: 0;
  height: 445px;
  max-width: 740px;
  width: 100%;
}
.featuresflow {
  background: var(--Light-Green, #eef3ee);
  padding-bottom: 55px;
  padding-top: 63px;
}
.featuresflow h2 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 42px;
}
.featuresflow ul li {
  color: #000;
  font-weight: 400;
  line-height: normal;
  list-style: disc;
  max-width: 860px;
  width: 100%;
  color: var(--Dark-Gray-1, #141414);
  text-align: left;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 5px;
  letter-spacing: 0px;
  /* text-transform: none; */
}
.listof-features {
  max-width: 1350px;
  margin: 0 auto;
}
.grassimg {
  max-width: 740px;
  width: 100%;
}
.listof-features ul {
  column-gap: 236px !important;
}
.featuresflow ul {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  max-width: 100%;
  width: 100%;
}
section.customerrating.greens.newdata,
section.gallery-sectab.imggallery.solutions,
section.greens-product,
section.resources {
  padding: 40px 0;
}
section.gallery-sectab.imggallery.solutions h2 {
  color: var(--Dark-Gray-1, #141414);
  text-align: center;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 20px;
}
section.gallery-sectab.imggallery.solutions .feature-holder {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 48px;
}
section.miniproduct.products .relatedproduct {
  max-width: 1480px;
  margin: 0 auto;
  gap: 40px;
}
section.comparsion-product.productlist .mainflow h1 span {
  display: inline;
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-50px);
  padding-bottom: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: var(--New-Grass-Green, #78be20);
}
.reviewflow {
  background: var(--Dark-Blue, #232d40);
  padding-top: 47px;
  padding-bottom: 80px;
}
.reviewflow .title p {
  color: var(--White, #fff);
  text-align: center;
  font-family: Poppins;
  font-size: var(--fs-25px);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.reviewflow .title p a {
  color: var(--New-Grass-Green, #78be20);
  font-weight: 500;
}
.reviewflow .title {
  padding-bottom: 90px;
}
.reviewform h2 {
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 45px;
}
.topinputfileds input,
.uploadfiles .file span {
  color: var(--White, #fff);
  font-weight: 400;
  font-family: Poppins;
  font-style: normal;
}
.reviewform {
  max-width: 1134px;
  width: 100%;
  margin: 0 auto;
}
.topinputfileds {
  gap: 20px;
  margin-bottom: 30px;
}
.topinputfileds input {
  font-size: var(--fs-18px);
  line-height: normal;
  padding: 10px 15px;
  background-color: transparent;
  outline: 0;
  border: 1px solid var(--White, #fff);
  width: calc(100% / 3);
}
.topinputfileds input::placeholder {
  color: var(--White, #fff);
}
.uploadfiles {
  gap: 30px;
}
.uploadfiles .file label {
  gap: 18px;
  align-items: center;
}
.uploadfiles .file span {
  font-size: var(--fs-20px);
  line-height: 20px;
}
.bottomfileds ul {
  gap: 12px;
}
section.reviewflow .save {
  padding-top: 33px;
}
.reveiwcontent .content {
  max-width: 380px;
  width: 100%;
  background: var(--Light-Green, #eef3ee);
  padding: 20px 10px;
}
.privacy-holder,
.reveiwcontent .content img {
  padding-bottom: 30px;
}
.reveiwcontent .content h3 {
  color: var(--Dark-Blue, #232d40);
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}
.reveiwcontent .content p {
  color: #000;
  font-family: Poppins;
  font-size: var(--fs-16px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.cotentviewpoup .content h2,
.cotentviewpoup .content p {
  color: var(--Dark-Blue, #232d40);
  font-family: Poppins;
  line-height: normal;
}
.reveiwcontent .content .bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-right: 9px;
}
.reveiwcontent .content .bottom-content span {
  color: #5f5c68;
  font-family: Poppins;
  font-size: var(--fs-14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.reveiwcontent .img {
  max-width: 400px;
  height: 100%;
}
section.review {
  padding-top: 53px;
  padding-bottom: 47px;
}
section.review .allreviwsdata {
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
section.review .allreviwsdata .reveiwcontent {
  max-width: 48.5%;
  width: 100%;
}
section.reviewpoup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  justify-content: center;
  align-items: center;
}
.cotentviewpoup {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  background: var(--Light-Green, #eef3ee);
  position: relative;
}
.cotentviewpoup .content h2 {
  text-align: center;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 600;
  padding-bottom: 15px;
}
.cotentviewpoup .content p {
  text-align: center;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 300;
  padding-bottom: 20px;
  max-width: 795px;
  width: 100%;
  margin: 0 auto;
}
.mainphilosophy .title h2,
.mainphilosophy .title p {
  color: var(--White, #fff);
  font-style: normal;
  text-align: center;
}
.bottomtitle span {
  color: #5f5c68;
  font-family: Poppins;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
  text-align: center;
}
.cotentviewpoup img {
  margin: 20px auto 30px;
  display: block;
}
.reviewpoup {
  position: relative;
  z-index: 2;
}
.reviewpoup span.closeme {
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}
section.mainpoupofslider.show,
section.reviewpoup.show {
  animation: 0.3s ease-in animateme2;
}
@keyframes animateme2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flag {
  position: absolute;
  z-index: 99;
  width: 100%;
}
.flag .container {
  justify-content: flex-end;
  padding-top: 25px;
}
.comparsion-product.productlist .mySwiperherosection {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
section.comparsion-product.productlist.data {
  display: block;
  position: relative;
}
section.comparsion-product.productlist.data .mainflow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.bottom-title p a {
  color: #000;
}
section.comparsion-product.productlist.projectgallery {
  justify-content: center;
  align-items: center;
}
.mainpoupofslider {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
section.mainpoupofslider .cotentviewpoup {
  position: relative;
  max-width: 815px;
}
section.mainpoupofslider {
  align-items: center;
  justify-content: center;
  display: none;
}
section.mainpoupofslider .swiper-button-next,
section.mainpoupofslider .swiper-button-prev {
  width: 40px;
  height: 40px;
}
.loadder {
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: var(--Guide-and-Maintenance, #1c2433);
  width: 100%;
  animation: 0.5s ease-in 3s loadersliderlogomain;
  position: relative;
  justify-content: center;
  align-items: center;
  transition: 1s ease-in;
}
section.loadder.active {
  height: 0;
}
.loadder .loaderlogo {
  transform: scale(0.5);
  transition: 0.6s ease-in;
  opacity: 0;
  margin-top: -150px;
}
section.loadder.active .loaderlogo.activeme {
  transform: scale(0);
  transition: 1s ease-in;
}
section.herosection.activeme .bannercontent {
  transition: 1.5s ease-in;
  left: 50%;
}
.artificialgrassproduct.gridveiw .relatedproduct {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  column-gap: 39px;
  row-gap: 35px;
  max-width: 1100px;
  width: 100%;
}
.artificialgrassproduct.gridveiw .relatedproduct a .product {
  max-width: 340px;
  width: 100%;
}
section.artificialgrassproduct.gridveiw .miancontent {
  column-gap: 157px;
}
section.artificialgrassproduct.gridveiw .miancontent .producttitle h2 {
  letter-spacing: 0;
}
html {
  --top-spacing: 100px;
  scroll-padding-top: var(--top-spacing);
}
.top-color {
  background: var(--Dark-Gray-1, #141414);
  padding: 5px 0;
}
.bootm-nav-bar {
  background: #000;
}
section.comparsion-product.productlist .flag .container {
  justify-content: flex-end;
  height: auto;
}
.stickybar {
  background: var(--Dark-Gray-1, #141414);
}
header.customheader {
  background-color: #000;
}
.mainphilosophy,
section.gallery-sec,
section.resourceinner-sec {
  background: var(--Dark-Blue, #232d40);
}
.close-modal-data {
  position: absolute;
  right: -30px;
  top: -30px;
  cursor: pointer;
}
.close-modal-data-guice {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}
section.artificialgrass-about .aboutargrass:nth-child(2n) .grasscontent p a {
  color: #fff;
  font-weight: 400;
}
.loop-text span {
  display: block;
  font-size: var(--fs-24px);
  color: #000;
  font-weight: 600;
  padding: 8px 0;
}
.loop-text span span {
  display: inline-block;
  padding: 0;
}
.loop-box-parent {
  gap: 30px;
}
.loop-box.data .container {
  text-align: center;
}
.mainimages {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.content-flow h3 {
  font-size: var(--fs-30px);
  padding: 10px 0;
  color: #fff;
}
.five-zero,
.mainphilosophy .title h2,
.team-flow h2 {
  font-size: var(--fs-50px);
  font-weight: 500;
  text-transform: uppercase;
}
.coolege-san .four-zero,
label.fileupload {
  padding-bottom: 15px;
}
section.gallery-sectab.imggallery.solutions .feature-holder ul li {
  padding: 5px 0;
  font-size: var(--fs-18px);
  color: #000;
  font-weight: 400;
}
section.gallery-sectab.imggallery.solutions .feature-holder ul {
  padding: 30px 0;
}
.customer-container p,
.pace-data .three-zero,
section.solutionbanner.newbanner h1 {
  font-weight: 500;
}
.mainphilosophy {
  padding: 42px 0;
}
.mainphilosophy .title {
  max-width: 872px;
  width: 100%;
  margin: 0 auto;
}
.mainphilosophy .title h2 {
  font-family: Raleway;
  line-height: normal;
  padding-bottom: 20px;
}
.mainphilosophy .title p {
  font-family: Raleway;
  font-size: var(--fs-18px);
  font-weight: 400;
  line-height: 28px;
}
.team-flow {
  padding-top: 67px;
  padding-bottom: 148px;
}
.team-flow .teams {
  padding-top: 67px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 66px;
  row-gap: 83px;
}
.team-flow h2 {
  color: var(--Dark-Gray, #444949);
  text-align: center;
  font-family: Raleway;
  font-style: normal;
  line-height: normal;
}
.team-flow .teams .team {
  max-width: 350px;
  width: 100%;
  height: 670px;
  border: 2px solid #1c2433;
  padding: 17px;
}
.team-flow .teams .team .teamimg {
  height: 275px;
}
.team-flow .teams .team .teambody h3 {
  color: #000;
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-18px);
  font-style: normal;
  padding-bottom: 10px;
  font-weight: 600;
  line-height: 30px;
}
.team-flow .teams .team .teambody p {
  color: #000;
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
section.philosophy.conatctus .mainphilosophy .title {
  max-width: 1100px;
  position: relative;
  z-index: 1;
}
section.philosophy.conatctus .mainphilosophy .title .greenbox {
  position: absolute;
  z-index: -1;
}
section.philosophy.conatctus .mainphilosophy {
  padding-top: 64px;
}
section.philosophy.conatctus .inputquatform {
  padding-top: 82px;
}
section.philosophy.conatctus .inputfiledsdata input,
section.philosophy.conatctus .inputfiledsdata select,
section.philosophy.conatctus .inputfiledsdata textarea {
  border-color: #fff;
  color: #fff;
}
section.philosophy.conatctus .inputfiledsdata input::placeholder,
section.philosophy.conatctus .inputfiledsdata select,
section.philosophy.conatctus .inputfiledsdata textarea::placeholder {
  color: #fff;
}
.holder-mainti .four-zero,
.manitance-title .four-zero,
.odd-evenholder .school-collegedata .four-zero,
.odd-evenholder .school-collegedata p,
.title-location .four-zero,
.type-holder .four-zero,
section.artificialgrass-about.bg-blue .grasscontent h2,
section.artificialgrass-about.bg-blue p,
section.philosophy.conatctus .inputfiledsdata-flow .fileds label,
section.showroom-secmain .four-zero {
  color: #fff;
}
section.philosophy.conatctus .bottominfo {
  display: flex;
  max-width: 1400px;
  width: 100%;
  margin: 110px auto 65px;
  border: 1px solid #fff;
  padding: 65px 239px;
  gap: 100px;
  position: relative;
  z-index: 99;
}
section.philosophy.conatctus .bottominfo .maintitle {
  max-width: 300px;
  width: 100%;
}
section.philosophy.conatctus .bottominfo .maintitle h2 {
  text-align: left;
  color: var(--White, #fff);
  font-family: Raleway;
  font-size: var(--fs-40px);
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 0;
}
section.philosophy.conatctus .bottominfo .contactfulldetails {
  display: flex;
  gap: 100px;
  max-width: 521px;
  width: 100%;
}
section.philosophy.conatctus .bottominfo .contactfulldetails .normaltitle,
section.philosophy.conatctus .bottominfo .contactfulldetails .openingtitme {
  max-width: 210px;
  width: 100%;
}
section.philosophy.conatctus .bottominfo .contactfulldetails .normaltitle p {
  color: var(--White, #fff);
  font-family: Raleway;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.five-zero,
.four-zero {
  line-height: normal;
  font-style: normal;
}
section.philosophy.conatctus
  .bottominfo
  .contactfulldetails
  .openingtitme
  span {
  color: var(--White, #fff);
  font-family: Raleway;
  font-size: var(--fs-18px);
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.philosophy.conatctus
  .bottominfo
  .contactfulldetails
  .openingtitme
  ul
  li {
  color: var(--White, #fff);
  font-family: Raleway;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
}
.commercial-holder:hover .four-zero,
section.faqsec-main .hold-allacrdn .three-zero,
section.philosophy.conatctus .inputfiledsdata select option {
  color: #000;
}
section.philosophy.conatctus .inputfiledsdata-flow .fileds label span {
  max-width: 150px;
  width: 100%;
}
label.fileupload {
  display: flex;
  gap: 15px;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
section.philosophy.conatctus .inputfiledsdata-flow .fileds label span.wid-50 {
  max-width: 300px;
}
.largeimg img {
  margin: 0 auto;
  display: block;
}
section.philosophy.inner .title {
  max-width: 1372px;
  width: 100%;
}
section.philosophy.inner .title p {
  color: var(--White, #fff);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-20px);
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 33px;
}
section.philosophy.inner .mainphilosophy {
  padding: 48px 0;
}
section.same-box-reverse2.give-back .loop-box .loop-text {
  max-width: 800px;
}
.they-are-box p,
.they-are-box ul li,
section.same-box-reverse2.give-back .loop-box .loop-text p {
  text-align: left;
}
section.same-box-reverse2.give-back .loop-box .loop-img {
  max-width: 550px;
  width: 100%;
}
section.same-box-reverse2.give-back .loop-box-parent {
  max-width: 1587px;
}
section.same-box-reverse2.give-back .loop-box {
  padding: 48px 0;
  background: var(--Light-Green, #eef3ee);
}
.logogartenrs {
  display: flex;
  align-items: center;
  gap: 28px;
}
section.gallery-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  min-height: 207px;
}
.data-holder {
  max-width: fit-content;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.four-zero {
  color: var(--Dark-Gray-1, #141414);
  font-size: var(--fs-40px);
  font-weight: 400;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-bottom: 30px;
}
.green-color {
  color: var(--New-Grass-Green, #78be20) !important;
}
.feature-holder {
  max-width: 62%;
  width: 100%;
  margin: 0 auto 20px;
  text-align: center;
}
section.gallery-sectab {
  padding-top: 75px;
  padding-bottom: 130px;
}
section.gallery-sectab p {
  color: var(--Dark-Gray-1, #141414);
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.btm-res p,
.two-five,
section.gallery-sectab .flip-card p {
  font-weight: 400;
  font-style: normal;
}
.line-design {
  min-height: 123px;
  width: 100%;
  background: linear-gradient(90deg, #78be20 0, #38580f 100%);
  max-width: 2px;
  margin: 0 auto;
}
.grid-tabs {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-top: 55px;
  padding-bottom: 70px;
}
.main-tablist ul li a {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding: 10px 20px;
  display: block;
  transition: 0.3s ease-in;
}
.main-tablist ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.main-tablist ul li:first-child,
.main-tablist ul li:nth-child(2) {
  max-width: 49%;
  width: 100%;
  margin-bottom: 40px;
}
.main-tablist ul li:first-child a,
.main-tablist ul li:nth-child(2) a {
  max-width: 165px;
  border: 1px solid var(--Dark-Blue, #232d40);
  background: var(--Light-Green, #eef3ee);
}
.main-tablist ul li.active:first-child a,
.main-tablist ul li.active:nth-child(2) a,
.main-tablist ul li:first-child a:hover,
.main-tablist ul li:nth-child(2) a:hover {
  background: #232d40;
  border-color: #232d40;
}
.main-tablist ul li:first-child a,
section.cadsec-main.data .resgister-thumbnial {
  margin-left: auto;
}
.back-gallerey {
  max-width: fit-content;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease-in;
  cursor: pointer;
}
.main-tablist {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto 0 -55px;
}
.tab-holder {
  max-width: 1255px;
  width: 100%;
  margin: 0 auto;
}
.flip-card-front video {
  object-fit: cover;
  width: 100%;
  height: 342px;
}
.flip-card {
  background-color: transparent;
  max-width: 610px;
  width: 100%;
  height: 342px;
  perspective: 1000px;
  cursor: pointer;
  overflow: hidden;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.flip-card-back,
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-back,
.flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: #bbb;
  color: #000;
}
.flip-card-back,
.flip-card-back::after {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
}
.flip-card-back {
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-set {
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: -1;
}
.flip-card:hover.image-set {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.flip-card-back::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  opacity: 0;
  transition: 0.3s ease-in;
}
.inside-data {
  max-width: 95%;
  padding: 20px 0;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 11;
}
section.gallery-sectab .flip-card p {
  color: var(--White, #fff);
  font-size: 16px;
  line-height: 24px;
}
.two-five {
  font-size: var(--fs-25px);
  font-size: var(--fs-25px);
  line-height: 35px;
}
.grid-videomain {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: fit-content;
  margin: 0 auto;
}
.modal-video {
  position: fixed;
  width: 100%;
  background: #000000cc;
  height: 100vh;
  z-index: 1111;
  top: 0;
  background: rgb(0 0 0 / 81%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  overflow: hidden;
  display: none;
}
.video-mainhere {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.video-url {
  max-width: 85%;
  margin: 0 auto;
  height: 84vh;
  position: relative;
  z-index: 1;
}
.close-modal,
.college-holds,
.coolege-thumbnail {
  margin-left: auto;
  width: 100%;
}
span.overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.close-modal {
  max-width: fit-content;
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: -20px;
}
.coolege-san p,
.coolege-san ul li,
.feature-holder p,
.school-collegedata p {
  color: #141414;
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.coolege-thumbnail {
  max-width: 900px;
  height: 600px;
  overflow: hidden;
}
.coolege-san .universal-school,
.school-collegedata .universal-school {
  padding-top: 30px;
}
section.school-college-main-sec {
  padding: 75px 0;
  overflow: hidden;
}
.college-holds {
  max-width: 92%;
}
.fetured-title-holder-main {
  max-width: fit-content;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 90px;
}
.video-thumbnial {
  max-width: 610px;
  width: 100%;
  position: relative;
  cursor: pointer;
  height: 400px;
  overflow: hidden;
}
.boo-image,
.thumbnail-image {
  height: 230px;
  overflow: hidden;
}
.acrdean-maindata li,
.coolege-san ul li {
  list-style: disc;
  padding-bottom: 5px;
}
.coolege-san ul {
  margin-left: 20px;
  padding-top: 10px;
}
.feture-container {
  max-width: 1372px;
  width: 100%;
  margin: 0 auto;
}
section.fetaured-sec {
  padding: 75px 0 195px;
}
.coolege-san {
  max-width: 670px;
  width: 100%;
  margin-left: auto;
}
section.school-collge-main-sec .feature-holder {
  max-width: 69%;
}
.modal-video.gallery,
span.lb-number {
  display: none !important;
}
span.lb-caption {
  font-size: 15px !important;
}
.lb-data {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
div#lightboxOverlay {
  max-width: 100% !important;
}
.lightbox {
  position: fixed;
  top: 50% !important;
  width: 100%;
  margin: 0 auto !important;
  text-align: center;
  left: 50% !important;
  transform: translate(-50%, -50%);
  max-width: fit-content !important;
}
.lb-closeContainer {
  position: fixed;
  top: -25px;
  right: -20px;
  background: rgba(151, 0, 0, 0.781);
  padding: 10px;
  border-radius: 50%;
  z-index: 11111 !important;
}
.commercial-data,
.only-content,
.turf-holder .read-more {
  z-index: 1;
  position: relative;
}
.lb-data .lb-close {
  width: 15px;
  height: 15px;
  background-size: contain;
}
section.artificiaturfmain-secdata,
section.school-collge-main-sec,
section.school-collge-main-sec .grid-videomain {
  padding: 70px 0;
}
section.school-collge-main-sec .universal-button {
  max-width: fit-content;
  margin: 0 auto;
  width: 100%;
}
.finnace-title,
.resource-title {
  max-width: fit-content;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
section.resourceinner-sec {
  color: #fff;
  padding: 80px 0 100px;
}
.faq-title .four-zero,
section.resourceinner-sec .four-zero {
  color: #fff;
  padding-bottom: 0;
}
.resource-holder {
  max-width: 328px;
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.boo-image,
.download-btn {
  max-width: fit-content;
  margin: 0 auto;
}
.grid-resource,
.gridresource-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.download-btn {
  color: var(--New-Grass-Green, #78be20);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  border-bottom: 2px solid #78be20;
  padding-bottom: 0;
}
.resource-holder .two-five {
  color: #fff;
  padding-bottom: 10px;
}
.btm-data,
.btm-res,
section.quote.main .save {
  padding-top: 40px;
}
.grid-resource {
  gap: 30px;
  padding: 85px 0;
}
section.resourceinner-sec .universal-anchor {
  max-width: 200px;
  margin: 0 auto;
  width: 100%;
}
section.resourceinner-sec .universal-anchor a {
  max-width: 198px;
  display: block;
  width: 100%;
}
.boo-image {
  width: 100%;
}
.boo-image img,
.thumbnail-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.btm-res p {
  color: #232d40;
  font-size: 20px;
  line-height: 28px;
}
.holder-reso {
  max-width: 415px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.universal-anchor p {
  color: var(--White, #fff);
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  border-radius: 20px;
  background: #78be20;
  padding: 5px 0;
}
.holder-reso .universal-anchor {
  max-width: 225px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
}
.holder-reso .two-five {
  color: #232d40;
  padding-bottom: 20px;
  max-width: 80%;
  margin: 0 auto;
}
.thumbnail-image {
  max-width: fit-content;
  margin: 0 auto;
}
.gridresource-gallery {
  gap: 70px;
}
section.resource-gallery {
  padding: 125px 0;
  color: #fff;
}
section.projecttype-sec {
  min-height: 522px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.type-holder .five-zero {
  font-weight: 700;
  color: #fff;
  padding-bottom: 20px;
}
.type-holder {
  max-width: 58%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
section.projecttype-oddeeven {
  background: var(--Dark-Blue, #232d40);
  color: #fff;
  overflow: hidden;
  padding: 75px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.privacy-holder a,
.two-zero {
  color: #78be20;
  font-size: 20px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
}
.cad-grid .row,
.college-holds {
  margin-bottom: 30px;
}
.odd-evenholder .college-holds:nth-child(2n) {
  margin-left: initial;
}
.cad-grid .row:nth-child(2n),
.evendata .cad-grid:nth-child(2n) .row,
.odd-evenholder .college-holds:nth-child(2n) .row,
.same-box-reverse .box-same:nth-child(2n),
.same-box-reverse2 .loop-box:nth-child(2n) .loop-box-parent {
  flex-direction: row-reverse;
}
.location-list,
.school-collegedata .universal-school {
  max-width: fit-content;
  width: 100%;
}
.school-collegedata .universal-school a {
  display: block;
  max-width: 100%;
  width: 100%;
}
.resgister-thumbnial {
  max-width: 720px;
  overflow: hidden;
}
.content-section,
.loop-box,
.video-section,
section.cadsec-main {
  padding: 50px 0;
}
section.comparesecguide-sec,
section.quote.main .quateform {
  padding: 90px 0;
}
.privacy-holder a {
  max-width: fit-content;
  border-bottom: 1px solid #78be20;
}
ul.prfile-list li {
  color: var(--Dark-Gray-1, #141414);
  font-size: var(--fs-18px);
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  list-style: disc;
  width: 100%;
}
ul.prfile-list {
  margin-left: 20px;
  padding-top: 30px;
  gap: 50px;
  row-gap: 10px;
  column-count: 2;
}
.high-profile {
  padding-top: 35px;
}
section.artifical-turfsec,
section.features-instalationsec {
  padding: 85px 0;
}
.instaltion-image {
  max-width: 772px;
  width: 100%;
  height: 571px;
  overflow: hidden;
}
.title-holders {
  max-width: fit-content;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 70px;
}
.featured-container {
  max-width: 1365px;
  width: 100%;
  margin: 0 auto;
}
section.feat-inssec {
  background: var(--Light-Green, #eef3ee);
  padding: 65px 0;
}
.school-collegedata .three-zero {
  color: #000;
  padding-bottom: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
section.mainnitance-sec {
  background: center no-repeat #232d40;
  padding: 85px 0;
  color: #fff;
}
.faq-title,
.manitance-title {
  max-width: fit-content;
  margin: 0 auto;
  text-align: center;
}
.turf-holder {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  background: #1c2433;
  padding: 40px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.turf-holder::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  transition: 0.3s;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--New-Grass-Green, #78be20);
}
.turf-holder .three-zero {
  font-weight: 600;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.turf-holder p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.read-more a {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.turf-holder .read-more {
  padding-top: 45px;
}
.grid-turftune {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  max-width: fit-content;
  margin: 0 auto;
  padding-top: 80px;
}
.customer-holder p,
.two-eight {
  color: var(--Dark-Gray, #444949);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}
.customer-holder {
  max-width: 575px;
  width: 100%;
  margin-left: auto;
}
.basic-turf,
.commercial-data,
.customer-container,
.holder-mainti,
.image-book,
.row.max-row,
.turf-title,
ul.turf-list {
  margin: 0 auto;
  width: 100%;
}
.comercia-container .three-zero,
.customer-holder .four-zero,
section.same-banner-inner.new-banner .banner-heading {
  padding-bottom: 20px;
}
.image-book {
  max-width: 255px;
}
.row.max-row {
  max-width: 1160px;
}
.customer-container {
  background: #77be2098;
  max-width: 1330px;
  background: #77be207a;
  padding: 40px 0;
}
.commercial-holder,
section.maintinacebanner-sec {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  color: #fff;
}
.customer-holder .universal-button {
  padding-top: 25px;
}
section.customercare-sec {
  padding: 100px 0;
}
section.same-banner-inner .four-zero {
  color: #fff;
  text-align: center;
}
section.same-banner-inner.new-banner {
  min-height: 522px;
  height: auto;
}
section.maintinacebanner-sec {
  min-height: 510px;
  text-align: center;
  justify-content: center;
}
.holder-mainti {
  max-width: 1065px;
}
.holder-mainti .five-zero {
  padding-bottom: 20px;
  font-weight: 700;
}
section.mainnitance-sec.main .manitance-title {
  max-width: 845px;
}
.basic-turf li,
.basic-turf p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
ul.turf-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  row-gap: 5px;
  max-width: 68%;
  padding: 45px 0;
}
.basic-turf li {
  list-style: disc;
  width: 48%;
  text-align: start;
}
.basic-turf {
  max-width: 75%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
}
.turf-title {
  max-width: 525px;
}
.commercial-holder {
  max-width: 780px;
  min-height: 470px;
  position: relative;
  justify-content: center;
}
.pace-holder,
section.commercial-sec,
section.faqsec-main {
  background: var(--Dark-Blue, #232d40);
}
.grid-commercial,
.grid-pace {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.commercial-holder .four-zero {
  color: #fff;
  transition: 0.3s ease-in;
  font-weight: 700;
  padding: 0;
}
.commercial-data {
  max-width: 455px;
  text-align: center;
  padding: 10px 0;
}
.commercial-holder::after {
  position: absolute;
  content: "";
  opacity: 0.2;
  background: #fff;
  backdrop-filter: blur(5px);
  inset: 45px;
  transition: 0.3s ease-in;
}
.commercial-holder:hover::after {
  opacity: 0.6;
  background: #fff;
  backdrop-filter: blur(5px);
  inset: 30% 0%;
}
.grid-commercial {
  gap: 40px;
}
section.commercial-sec {
  padding: 85px 0;
  background-repeat: no-repeat;
  background-position: center;
}
.turf-image {
  max-width: 858px;
  width: 100%;
  margin-left: auto;
}
.pace-data,
.pace-holder,
.pace-inside {
  margin: 0 auto;
  width: 100%;
}
section.finance-sec {
  padding: 45px 0;
}
.finnace-title .four-zero {
  font-weight: 700;
  letter-spacing: 0;
  padding-bottom: 0;
}
.pace-holder {
  color: #fff;
  padding: 40px;
  max-width: 760px;
}
.pace-inside {
  max-width: 86%;
}
.learn-eachother,
.pace-data,
.same-cash,
.video-thumbnial.main,
.wisetack-image,
ul.comercialgrid-main {
  max-width: fit-content;
}
.pace-inside a,
.pace-inside li,
.pace-inside p {
  font-family: Poppins, sans-serif;
  font-size: var(--fs-25px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.data-bottom a,
.pace-inside a,
ul.locatiall-list li a {
  color: #78be20;
  border-bottom: 1px solid #78be20;
}
.list-product li,
.pace-inside li,
.wisetack-holder ul li,
ul.care-list li {
  list-style: disc;
}
.pace-data {
  text-align: center;
  padding-bottom: 55px;
}
.acrdean-maindata ul,
.pace-list,
.wisetack-holder ul,
ul.care-list,
ul.product-listss {
  margin-left: 20px;
}
.learn-eachother {
  margin: 0 auto;
  text-align: center;
  padding-top: 115px;
}
.same-cash,
.wisetack-holder .universal-button {
  padding-top: 65px;
}
.same-cash {
  margin: 0 auto;
  width: 100%;
}
.grid-pace {
  gap: 65px;
  padding-top: 55px;
}
.wisetack-holder li,
.wisetack-holder p {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: var(--fs-25px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wisetack-holder .four-zero {
  font-weight: 700;
}
.wisetack-holder .universal-button a {
  max-width: 255px;
  width: 100%;
}
section.wisetack-sec {
  background: var(--Light-Green, #eef3ee);
  padding: 40px 0;
}
.wisetack-image {
  width: 100%;
  padding-bottom: 60px;
}
ul.care-list {
  padding: 20px 0;
}
.resgister-thumbnial .one-eight {
  color: var(--Dark-Gray-1, #141414);
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
.evendata .cad-grid {
  padding-bottom: 80px;
}
.evendata .cad-grid:nth-child(2) {
  padding-bottom: 0;
}
.school-collegedata .two-five {
  padding: 20px 0;
}
.comercia-container {
  max-width: 1535px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.three-zero {
  font-size: var(--fs-30px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.comercia-container p,
.comercialgrid-main li,
ul.product-listss li {
  color: #000;
  font-size: var(--fs-25px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.commercial-section,
section.commercialresource-sec {
  padding: 60px 0;
}
ul.comercialgrid-main {
  gap: 50px;
  column-count: 2;
  margin: 0 auto 0 20px;
}
.btm-dataheremain {
  padding-top: 140px;
}
.video-thumbnial.main {
  margin: 0 auto 35px;
}
.same-text p {
  padding-bottom: 10px;
}
.greens-product p,
.list-product li,
section.customerrating.greens a,
section.customerrating.greens p {
  color: #000;
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}
section.greens-product .three-zero {
  letter-spacing: 4.2px;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 30px;
}
.grens-productholder {
  text-align: center;
  padding-bottom: 30px;
}
.list-product {
  margin-left: 20px;
  padding-top: 20px;
}
.productmain {
  max-width: 362px;
  width: 100%;
  margin: 0 auto;
}
.search-modal {
  position: fixed;
  top: 0;
  z-index: 1111;
  width: 100%;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 50%);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  animation: 0.5s ease-in serachbar;
}
.close-btn,
span.over-lay {
  position: absolute;
  cursor: pointer;
}
@keyframes serachbar {
  0% {
    opacity: 0;
    clip-path: polygon(28% 23%, 68% 22%, 68% 81%, 28% 80%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
span.over-lay {
  inset: 0;
}
.search-modal .inputquatform {
  max-width: 500px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  position: relative;
}
.close-btn {
  max-width: fit-content;
  width: 100%;
  top: -15px;
  right: -10px;
}
section.artificial {
  padding-top: 60px;
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}
.box-same .heading-25,
.box-same ul,
.same-box-reverse .box-same:nth-child(2n) .same-text p,
.same-loop .heading-40 {
  margin-bottom: 20px;
}
.turf-title .three-zero {
  text-transform: uppercase;
  letter-spacing: 4.2px;
  font-weight: 500;
}
section.faqsec-main {
  color: #fff;
  padding: 40px 0 160px;
  background-position: center;
  background-repeat: no-repeat;
}
.acrdean-maindata a {
  color: #78be20;
}
.accordean-holder p,
.acrdean-maindata li,
.acrdean-maindata p {
  color: #4d4d4d;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.acrdean-holder,
.hold-allacrdn {
  background: #fff;
  padding: 10px 30px;
}
.grid-acrdean {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
}
.accordean-holder {
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
}
.acrdean-holder .three-zero {
  color: #000;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.icon-acrdn {
  height: 28px;
  width: 28px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-acrdean img {
  animation: 1s faderotate;
}
.acrdean-maindata {
  padding-top: 15px;
  display: none;
}
.acredean-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 74%;
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}
@keyframes faderotate {
  0% {
    transform: rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
section.comparsion-product.productlist.data.height {
  height: 600px;
}
section.projecttype-sec .four-zero {
  letter-spacing: 0;
  font-weight: 500;
  max-width: 78%;
  margin: 0 auto;
}
section.feat-inssec .three-zero {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 4.2px;
}
section.showroom-secmain {
  background: var(--Dark-Blue, #232d40);
  color: #fff;
  padding: 65px 0;
}
.grens-productholder {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.grens-productholder p,
.grens-productholder p a {
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.custome-data-container p a,
.grens-productholder p a {
  color: var(--New-Grass-Green, #78be20);
  text-decoration-line: underline;
}
.showrroom-data p,
section.showroom-secmain p {
  color: var(--White, #fff);
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.comparegrid p,
.same-text p {
  font-size: 18px;
  line-height: 28px;
}
.showrroom-data {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
}
.allmapholder {
  max-width: 417px;
  width: 100%;
  margin-left: auto;
}
.loking-for .two-five {
  padding-bottom: 25px;
  text-transform: uppercase;
}
.btm-datat {
  padding-top: 15px;
}
.help-us-section .heading-30 {
  font-weight: 500;
  letter-spacing: 4.2px;
}
.custome-data-container .three-zero {
  text-transform: uppercase;
  letter-spacing: 4.2px;
  padding-bottom: 25px;
}
.custome-data-container p,
.custome-data-container p a {
  color: var(--Dark-Gray-1, #141414);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.data-bottom,
ul.locatiall-list li {
  font-size: 28px;
  font-weight: 400;
  line-height: 46px;
  font-style: normal;
}
.custome-data-container {
  max-width: 74%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
section.customerrating.greens.newdata .heading-30 {
  padding-bottom: 25px;
}
.blog-data .blogsmain {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}
.blogsmain .blog {
  padding: 15px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  height: 100%;
}
section.locattion-secmains {
  background: var(--Dark-Blue, #232d40);
  padding: 140px 0;
  color: #fff;
}
.title-location {
  max-width: 1375px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 100px;
}
ul.locatiall-list li {
  font-family: Poppins, sans-serif;
}
.grid-location {
  display: grid;
  gap: 80px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.cd-image-container {
  position: relative;
  width: 100%;
  max-width: fit-content;
  margin: 0 auto;
}
.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  -webkit-animation: 0.7s cd-bounce-in;
  -moz-animation: 0.7s cd-bounce-in;
  animation: 0.7s cd-bounce-in;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 55px;
  width: 55px;
  left: 49%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: url("../main-images/compare-icon.svg") center center no-repeat
    #78be20;
  cursor: move;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.comparegrid {
  max-width: 600px;
  width: 100%;
  text-align: center;
}
.comparegrid p {
  font-style: normal;
  font-weight: 400;
}
.btm-dataass,
section.finance-sec.main .learn-eachother {
  padding-top: 20px;
}
.grid-compare {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.cd-image-container img,
.cd-resize-img img {
  height: 450px;
}
.coolege-thumbnail.main-image {
  height: auto;
}
.bg-blue {
  background: #1c2433 !important;
  color: #fff !important;
}
section.locattion-secmains.mains ul.locatiall-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  row-gap: 10px;
}
section.locattion-secmains.mains ul.locatiall-list li {
  max-width: 26%;
  width: 100%;
}
section.locattion-secmains.mains {
  padding-top: 0 !important;
  padding: 80px 0;
}
section.locattion-secmains.mains .location-list {
  background: rgb(255 255 255);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 40px;
}
.data-bottom {
  color: #000;
  text-align: center;
  padding-top: 40px;
}
.grid-pace .four-zero {
  color: #fff;
  font-weight: 800;
}
.same-banner {
  height: 207px;
  display: grid;
  align-items: center;
  background: var(--Dark-Blue, #232d40);
}
.banner-heading {
  color: var(--white);
  text-align: center;
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.heading-40,
.same-text p {
  color: var(--Dark-Gray-1, #141414);
}
.same-loop {
  padding: 55px 0;
}
.heading-40 {
  font-family: Raleway;
  font-size: var(--fs-40);
  font-style: normal;
  font-weight: 400;
  line-height: calc(var(--fs-40) + 10px);
  letter-spacing: 5.6px;
  text-transform: uppercase;
}
.text-lime {
  color: var(--lime);
}
.heading-25,
.same-box-reverse .box-same:nth-child(2n) .heading-40 {
  color: var(--Dark-Blue, #232d40);
  line-height: normal;
  font-family: Raleway;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
}
.box-same {
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.same-box-reverse .box-same:first-child .same-text {
  max-width: 721px;
  width: 100%;
}
.same-text p {
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
}
.same-box-reverse {
  display: grid;
  row-gap: 61px;
}
.same-box-reverse .box-same:nth-child(2n) .same-img {
  max-width: 814px;
  width: 100%;
}
.same-box-reverse .box-same:nth-child(2n) .same-text {
  max-width: 670px;
  width: 100%;
}
.same-box-reverse .box-same:nth-child(2n) .heading-40 {
  font-size: 30px;
  letter-spacing: 4.2px;
}
.box-same ul {
  list-style: disc;
  margin-left: 15px;
}
.heading-25 {
  font-size: 25px;
}
.img-text {
  color: var(--Dark-Gray-1, #141414);
  font-family: Raleway;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.commercial-section .heading-25,
.download-same .heading-30,
.heading-30,
.loop-text .heading-25 {
  font-style: normal;
  line-height: normal;
  font-family: Raleway;
}
.help-us-para p,
.they-are-box ul li {
  color: var(--Guide-and-Maintenance, #1c2433);
  text-align: center;
  font-family: Raleway;
  font-size: var(--fs-25);
  font-style: normal;
  font-weight: 400;
  line-height: calc(var(--fs-25) + 10px);
  letter-spacing: 3.5px;
}
.heading-30 {
  color: var(--Dark-Blue, #232d40);
  text-align: center;
  font-size: var(--fs-30);
  font-weight: 500;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
.help-us-section .heading-30 {
  font-size: var(--fs-30);
  padding-bottom: 43px;
}
.justify-content-center {
  justify-content: center;
}
.they-are-box {
  max-width: 1133px;
  padding-top: 34px;
  padding-bottom: 34px;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.they-are-box ul {
  margin-left: 25px;
  list-style: disc;
}
.can-do-section {
  padding: 106px 0;
}
.can-do-section p {
  color: var(--Dark-Gray-1, #141414);
  text-align: center;
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  max-width: 1133px;
  display: block;
  margin: 0 auto;
}
.can-do-section .heading-30 {
  margin-bottom: 24px;
}
.can-do-section a {
  cursor: pointer;
}
.same-banner-inner {
  height: 374px;
  display: grid;
  align-items: center;
  justify-content: center;
}
.download-same {
  background-color: var(--bg-dark);
  padding: 32px 0;
}
.download-same .heading-30 {
  color: var(--White, #fff);
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: normal;
}
.loop-text {
  max-width: 906px;
  width: 100%;
}
.same-box-reverse2 {
  display: grid;
}
.loop-box-parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1425px;
  margin: 0 auto;
}
.commercial-section .heading-25,
.loop-text .heading-25 {
  color: var(--fs-25);
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.hey-box .heading-30,
.high-profile .heading-30 {
  letter-spacing: normal;
  color: #000;
  font-style: normal;
  line-height: calc(var(--fs-30) + 10px);
  text-transform: capitalize;
  text-align: center;
}
.commercial-section p,
.loop-text p {
  font-size: var(--fs-20);
  line-height: calc(var(--fs-20) + 10px);
  margin-bottom: 20px;
}
.hey-box p,
.video-section p {
  margin-bottom: 37px;
}
.center-div ul li,
.loop-text ul li {
  font-size: var(--fs-25px);
  line-height: calc(var(--fs-20) + 10px);
  font-weight: 400;
}
.loop-text ul {
  list-style: disc;
  margin-left: 35px;
}
.same-box-reverse2 .loop-box:nth-child(2n) {
  background-color: var(--light-green);
}
.same-box-reverse2 .loop-box:nth-child(2n) .loop-text {
  text-align: right;
}
.bg-light-green {
  background: var(--light-green);
}
.video-div {
  max-width: 606px;
  width: 100%;
  height: 400px;
  background-color: var(--bg-dark);
  display: block;
  margin: 0 auto 37px;
}
.center-div,
.center-div2 {
  margin-left: auto;
  display: block;
}
.video-section p {
  font-size: var(--fs-25px);
  line-height: calc(var(--fs-20) + 10px);
  font-weight: 400;
}
.hey-box ol li,
.hey-box p {
  font-size: var(--fs-20);
  line-height: calc(var(--fs-20) + 10px);
}
.high-profile .heading-30 {
  margin-bottom: 37px;
  font-size: 30px;
  font-weight: 500;
}
.video-section ul {
  list-style: disc;
  text-align: left;
  padding-left: 20px;
}
.center-div {
  max-width: 1018px;
}
.center-div2 {
  max-width: 1120px;
}
.hey-box .heading-30 {
  font-family: Raleway;
  font-size: var(--fs-30);
  font-weight: 600;
  margin-bottom: 20px;
}
.content-section .hey-box {
  margin-bottom: 45px;
  text-align: center;
}
.hey-box ol {
  display: block;
  margin: 0 auto;
  width: max-content;
  padding-bottom: 30px;
}
.hey-box ol li {
  text-align: left;
}

 .footerlogo-data ul li a{
  color: #fff;
 }

 .team-flow .teams .team .teambody p b {
  display: block;
  line-height: normal;
  padding-top: 5px;
  font-weight: 600;
}
.team-flow .teams .team .teambody p.opacity{
  opacity: 0;
}
.team-flow .teams .team{
  transition: 0.3s ease-in;
}
.team-flow .teams .team:hover{
  /* border: 2px solid #1C2433; */
  background: #1C2433;
}
.team-flow .teams .team .teambody p{
  transition: 0.3s ease-in;
}
.team-flow .teams .team:hover h3,
.team-flow .teams .team:hover p {
  color: #fff;
  opacity: 1;
}
.team-flow .teams .team h3{
  transition: 0.3s ease-in;
}
.team-flow .teams .team:hover p.opacity{
  opacity: 1;
}
.team-flow .teams .team{
  transition: 0.3s ease-in;
}
.team-flow .teams .team:hover{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}


/* main images compare start  */

.img-comp-container {
  position: relative;
  height: 450px; 
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: 100%;
  overflow:hidden;
  max-width: 100%;
  width: 100%;
}

.img-comp-img img {
  display:block;
  height: 100%;
  max-width: 100%;
  width: 100%;
 
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background:url("assets/main-images/compare-icon.svg") center center no-repeat #78be20;
  cursor: move;
}
.img-comp-img.img-comp-overlay img {
    width: auto;
    max-width: max-content;
}
.img-comp-slider:hover{
    background-color: #445b7c;
}
/* main images compare end  */
