*,
html,
body {
  scroll-behavior: smooth;
}

body {
  color: #151515;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  font-family: "Gotham", sans-serif;
}

a {
  color: #77a035;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

a:hover {
  color: #000000;
}

input:focus,
textarea:focus,
button:focus {
  border: 0;
  outline: 0;
  box-shadow: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2;
}
h2 {
  font-size: 48px;
}
h3 {
  font-size: 36px;
  line-height: 38px;
}
.container {
  max-width: 1200px;
  width: 100%;
  padding: 0 !important;
}
section {
  background: #fff;
}
ul.lists {
  margin-bottom: 20px;
}

ul.lists li {
  margin: 5px 0;
}

/* --- Scrollbar Code --- */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #77a035;
}

::-webkit-scrollbar-thumb {
  background: #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #575757;
}

p {
  color: #000;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}

.common_btn a,
.common_btn_submit a {
  border: 1px solid #77a035;
  background: #77a035;
  border-radius: 50px;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
  display: inline-block;
  line-height: 48px;
  padding: 0 26px;
  text-transform: capitalize;
  align-items: center;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}

.common_btn a span,
.common_btn_submit a span.s {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: #000;
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
}

.common_btn a:hover,
.common_btn_submit a:hover {
  color: #fff;
  border: 1px solid #77a035;
}

.common_btn a:hover span {
  transform: translateY(0) scale(2);
}
.common_btn_submit a:hover span.s {
  transform: translateY(0) scale(2.3);
}

.common_btn a span:nth-child(1) {
  --n: 1;
}

.common_btn a span:nth-child(2) {
  --n: 2;
}

.common_btn a span:nth-child(3) {
  --n: 3;
}

.common_btn a span:nth-child(4) {
  --n: 4;
}

.common_btn_submit a span.s:nth-child(3) {
  --n: 1;
}

.common_btn_submit a span.s:nth-child(4) {
  --n: 2;
}

.common_btn_submit a span.s:nth-child(5) {
  --n: 3;
}

header {
  width: 100%;
  z-index: 999999;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  padding: 10px 0;
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  transition: all 0.8s ease-in-out;
}

header.fixed-header .row {
  display: flex;
  align-items: center;
  height: 100%;
}

header .logo-div img {
  transition: all 0.3s ease-in-out;
}

.f_details .logo-div {
  text-align: center;
}

header.fixed-header {
  top: 0;
  padding: 0;
}

header .row {
  align-items: center;
  padding: 8px;
  margin: 0;
}

.container-padding {
  padding: 0 5%;
}

header .nav-menu .navbar-wrp {
  justify-content: flex-end;
}

header .inner-nav-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}

header ul.navbar-nav li {
  padding: 0 32px;
  position: relative;
  list-style: none;
}

header ul.navbar-nav li a {
  transition: all 0.3s ease-in-out;
  text-transform: capitalize;
  color: #000;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.08px;
}

header ul.navbar-nav li a:hover {
  color: #86b53c;
}

header ul.navbar-nav li.current-menu-item a {
  color: #86b53c;
  font-weight: 700;
}

header nav.navbar {
  padding: 0;
}

header ul.navbar-nav ul.sub-menu li a:hover,
header ul.navbar-nav ul.sub-menu li.current-menu-item a {
  color: #74c045;
}

header ul.navbar-nav ul.sub-menu li {
  margin: 12px 0;
}

header ul.navbar-nav ul.sub-menu {
  position: absolute;
  top: 40px;
  left: 0;
  min-width: 355px;
  padding: 15px 0 8px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  -o-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

header ul.navbar-nav > li > ul > li.menu-item-has-children > ul.sub-menu {
  top: 0;
  left: 100%;
}

header ul.navbar-nav > li.menu-item-has-children:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
}

header.custom_header .container {
  background: #fff;
}

.nav-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-menu .common_btn {
  padding-left: 30px;
  display: flex;
}

section.banner-section .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  height: 100%;
}

.banner-content-div h2,
.banner-content-div h1 {
  text-align: center;
  margin: 0;
  color: #fff;
  font-family: Gotham;
  font-size: 66px;
  font-style: normal;
  font-weight: 400;
  line-height: 76px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.banner-content-div h1 strong {
  font-weight: 900;
}

.banner-content-div h1 span {
  color: #aee055;
}

.banner-content-div p {
  color: #fff;
  text-align: center;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding: 0px 10%;
  margin-bottom: 3rem;
}

.banner-content-div {
  padding: 26% 0% 0px;
}

a.a_btn {
  display: inline-block;
  max-width: 228px;
  width: 100%;
  line-height: 56px;
}

.banner-content-div .common_btn {
  text-align: center;
}

.carousel-item-box {
  height: 955px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.carousel-item-box:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("../images/b_overlay.png");
}

a.a_btn {
  background: #fff;
  color: #77a035;
  border: 1px solid #fff;
}

a.a_btn:last-child {
  background: transparent;
  color: #fff;
  margin-left: 10px;
}

/* --- Footer Code --- */
.footer {
  background: url("../images/footer-bg.png") no-repeat #000000;
  background-size: cover;
  position: relative;
  z-index: 1;
}

footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.6;
  z-index: -1;
}

.copyright-container {
  padding: 18px 0;
  background: #353535;
}

.copyright-container p,
.copyright-container a {
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  /* 275% */
}

.copyright-container p {
  margin: 0;
}

.footer-detail-row {
  padding: 140px 0 70px 0;
}

.footer-detail-row h4 {
  margin-bottom: 45px;
  color: #fff;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: -10px;
}

.f_details {
  text-align: center;
  border-left: 1px dashed #959595;
  border-right: 1px dashed #959595;
  padding: 0px 60px;
  width: 62%;
}

ul.q-link {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.q-link li {
  margin-bottom: 20px;
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

ul.q-link a {
  color: #fff;
}

ul.q-link a:hover,
ul.footer-details a:hover,
li.current-menu-item a {
  color: #77a035;
}

.fcontact-div {
  margin: 0 auto;
  padding-left: 30px;
}

ul.footer-details {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.footer-details li {
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  font-family: "Muli";
}

ul.footer-details span.icon {
  display: block;
  color: #c19c60;
  font-size: 20px;
  margin-bottom: 5px;
}

ul.footer-details a {
  color: #fff;
}

ul.footer-details:hover {
  color: #c19c60;
}

.social-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.social-div h4 {
  font-weight: 400;
  font-family: "Montserrat";
  margin-bottom: 0;
}

.social-div ul.social-icon-lists {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.social-div li {
  margin-left: 20px;
}

.social-div a {
  color: #fff;
  font-size: 22px;
}

.social-div:hover {
  color: #c19c60;
}

footer a.logo-div {
  display: block;
  margin: -65px auto 60px auto;
}

footer a.logo-div + p {
  margin-bottom: 35px;
  color: #fff;
  text-align: center;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  border-bottom: 1px dashed #959595;
  padding-bottom: 8px;
}

strong {
  font-weight: 700;
}

.footer-1,
.footer-2 {
  width: 19%;
}

ul.footer-details li:last-child {
  margin-bottom: 0;
}

ul.q-link li:last-child {
  margin-bottom: 0;
}

.bottom_menu ul.q-link li a {
  font-family: "Muli";
}

.bottom_menu ul.q-link {
  display: flex;
  justify-content: space-between;
  padding-left: 34%;
  padding-right: 30px;
}

.bottom_menu ul.q-link li {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  font-family: "Muli";
}

.back-to-top {
  position: absolute;
  z-index: 99;
  bottom: 0;
  right: 0;
  background-color: #77a035;
  padding: 10px 12px 5px;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
  box-shadow: 0 0 10px #77a035;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

#btn-back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top i {
  transition: all 0.3s ease-in-out;
  color: #000000;
}

.back-to-top:hover {
  background-color: #000;
}

.back-to-top:hover i {
  color: #ffffff;
}

.about-section .ab-content-row {
  padding: 120px 0 120px 0;
}

.page-template-about-page .ab-image-box:after {
  bottom: -25%;
  font-size: 500px;
}

.about-section .row {
  /* align-items: center; */
}

.sub-title {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  color: #86b53c;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding-left: 105px;
  margin-bottom: 15px;
}

.sub-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 91px;
  height: 1px;
  background-color: #86b53c;
}

.main-title {
  margin-bottom: 20px;
  color: #000;
  font-family: Gotham;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main-title.white-txt {
  color: #ffffff;
}

.ab-image-box {
  position: relative;
  display: flex;
  justify-content: center;
}

.large-image {
  position: relative;
  display: inline-block;
  left: -2%;
}

.ab-image-box .large-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #86b53c;
  transform: rotate(-7deg);
}

.ab-content-box .common_btn a {
  display: inline-block;
  padding: 0 30px;
  margin-top: 15px;
}

.large-image img.who-we-are-logo {
  position: absolute;
  left: -90px;
  bottom: 20px;
  margin: auto 0;
  max-width: 100%;
  width: auto;
}

.mobile-image {
  display: none;
}

.large-image img {
  max-width: 418px;
  width: 100%;
  position: relative;
}

section.stats-section {
  background: #fff;
  padding-bottom: 12px;
}

.stats-container {
  margin-top: -100px;
  position: relative;
}

.stats-row {
  background: #86b53c;
  position: relative;
  z-index: 1;
  padding: 45px 30px;
}

.stats-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #86b53c;
  z-index: -1;
}

.stats-row > div {
  border-right: 2px solid #fff;
}

.stats-row > div:last-child {
  border-right: 0 !important;
}

.stats-box {
  padding: 0 48px;
}

.stats-box h3 {
  font-weight: 700;
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 2px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 5px;
  line-height: normal;
}

.stats-box h6 {
  color: #fff;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}

.stats-box-wrp {
  width: auto;
}

section.our-goal-section {
  background-color: #000;
  background-size: cover;
  background-position: center;
  padding: 50px 0px;
}

section.our-goal-section h2,
section.our-goal-section p {
  color: #fff;
}

.goal-content-box {
  padding-right: 80px;
}

.goal-image-box {
  display: flex;
  justify-content: flex-end;
}

section.blogs-section {
  padding: 80px 0px 40px;
}

.b_item_img img {
  height: 388px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.heading-row p,
.heading-row h2 {
  margin: 0;
}

.blog_content h5 {
  color: #000;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 1.5rem 0 0;
}

.blog_content h5 a {
  color: #000;
}

.blog_content p {
  color: #000;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0.6rem 0 1rem;
}

.blog_content .common_btn a {
  padding: 0px 40px;
  font-size: 16px;
}

.blog_inner_box {
  position: relative;
  z-index: 9;
}

.blogs_slider {
  margin: 0px -15px;
  padding: 50px 0px;
}

.blog_box {
  position: relative;
  padding: 15px 15px;
}

.blog_box:hover:before {
  opacity: 1;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.blog_box:before {
  bottom: 0;
  display: block;
  height: 100%;
  width: 0%;
  content: "";
  z-index: -1;
  border-radius: 5px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.blog_box:before {
  position: absolute;
  z-index: 1;
  background: rgb(119 160 53 / 50%);
  border-radius: 5px;
}

.blog_box:hover h5 a,
.blog_box:hover p {
  color: #fff;
}

section.testimonials-section {
  padding: 80px 0px;
  background-size: cover;
  background-position: center;
}

.testimonials-slider {
  position: relative;
}

.tt-content {
  padding: 0px 11%;
  text-align: center;
  position: relative;
}

.tt-content p {
  color: #fff;
  text-align: center;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 150% */
}

h6.tt-name {
  color: #fff;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.tt-comment {
  margin-bottom: 2.5rem;
}

.testimonials-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 117px;
  height: 84px;
  background-image: url("../images/q_left.png");
  background-size: 100%;
}

.testimonials-slider:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 117px;
  height: 84px;
  background-image: url("../images/q_right.png");
  background-size: 100%;
}

.slick-prev,
.slick-next {
  background-color: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: transparent;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-prev {
  left: -90px;
  background-image: url("../images/a-prev.png");
  width: 52px;
  height: 31px;
}

.slick-prev:hover {
  background-image: url("../images/a-prev-hover.png");
}

.slick-next {
  right: -90px;
  background-image: url("../images/a-next.png");
  width: 52px;
  height: 31px;
}

.slick-next:hover {
  background-image: url("../images/a-next-hover.png");
}

.form_wrap {
  background: #151515;
  width: 97%;
  padding: 50px;
}

.contact_heading {
  display: flex;
  justify-content: space-between;
}

.contact_heading h3 {
  color: #fff;
  font-family: Gotham;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.contact_heading p {
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}

.form_wrap ul.footer-details {
  padding-bottom: 30px;
}

.form_wrap ::-webkit-input-placeholder {
  color: #fff;
}

.form_wrap :-ms-input-placeholder {
  color: #fff;
  opacity: 1 !important;
}

.form_wrap ::placeholder {
  color: #fff;
  opacity: 1 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


.form_field input[type="text"],
.form_field input[type="url"],
.form_field input[type="email"],
.form_field input[type="tel"],
.form_field input[type="number"],
.form_field select {
  max-width: 100%;
  width: 100%;
  height: 54px;
  border-radius: 0px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 0px;
  outline: none;
}

.form_field textarea {
  resize: none;
  height: 80px;
  max-width: 100%;
  width: 100%;
  border-radius: 0px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 0px;
}

.form_field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/select.png");
  background-repeat: no-repeat;
  background-position: 98% center;
}

.form_submit_field input {
  background: transparent;
  border: none;
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  /* 162.5% */
  height: 53px;
  padding: 0px 40px;
}

.common_btn_submit p {
  margin: 0;
}

.wpcf7-spinner {
  position: absolute;
  bottom: -26px;
  left: 0;
}

.common_btn_submit {
  text-align: center;
}

.common_btn_submit a {
  padding: 0;
}

#faqs {
  display: flex;
  align-items: center;
}
.row.faqs-content-row {
  position: relative;
  z-index: 9;
}
section.form-faqs-section {
  margin-bottom: 6rem;
  position: relative;
}

section.form-faqs-section:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 78%;
  width: 100%;
  background: #f7f7f7;
}

.ea-body p {
  color: #151515;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
  background: transparent !important;
}

.sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  margin: 0 !important;
  max-width: 52px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;
}

.sp-easy-accordion .sp-ea-single .ea-header {
  margin-bottom: 0;
  position: relative;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
  color: #000 !important;
  font-family: Gotham !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 26px !important;
  padding: 15px 40px 15px 15px !important;
}

.sp-easy-accordion .ea-expand .ea-header a {
  color: #fff !important;
  background: #151515;
}

.sp-easy-accordion
  > .sp-ea-single
  > .ea-header
  i.ea-expand-icon.ea-icon-expand-minus {
  background: #77a035;
  color: #fff !important;
}

.sp-easy-accordion > .sp-ea-single {
  border-bottom: none !important;
  border-radius: 0px !important;
}

.sp-easy-accordion > .sp-ea-single:last-child {
  border-bottom: 1px solid #cccccc !important;
}

section.our-services-section {
  padding: 80px 0px;
}

.service_para_content .common_btn {
  padding-top: 20px;
}

.para_content {
  padding: 46px 0px 0px 50px;
}

.para_content .common_btn {
  padding-top: 25px;
}
.para_content .common_btn a {
  padding: 0px 34px;
  line-height: 56px;
}
.service_content_wrap {
  margin-top: 100px;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.service_content_wrap button.slick-prev {
  bottom: auto;
  left: 0;
  top: -45px;
}

.service_content_wrap button.slick-next {
  bottom: auto;
  right: 0;
  top: -45px;
}

.service_box {
  padding: 40px 35px;
  position: relative;
  transition: 0.4s;
}

.service_box h4 {
  width: 50%;
  color: #000;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0.8rem 0;
  transition: 0.4s;
}

.service_box p {
  color: #000;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  min-height: 204px;
  transition: 0.4s;
}

.service_box.slick-active:after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #c8c8c8;
}

.service_bottom_content > * {
  width: auto;
}

.service_bottom_content {
  border-top: 1px solid #c8c8c8;
  margin: 0;
  margin-top: -4px;
  padding: 35px 25px;
  justify-content: space-between;
}

.service_bottom_content p {
  width: 60%;
  margin: 0;
}

.service_bottom_content .common_btn a {
  border: 1px solid #000;
  background: transparent;
  color: #000;
  padding: 0px 40px;
}

.service_bottom_content .common_btn a:hover {
  color: #fff;
}

section.our-skills-section {
  padding: 460px 0 100px;
  background: #151515;
  margin-top: -450px;
}

.skills_top_content h2 {
  color: #fff;
  font-family: Gotham;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.skills_top_content p {
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.skills_top_content {
  margin-bottom: 85px;
}

.row.skills-content-row li {
  color: #fff;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  list-style: none;
  position: relative;
  padding-left: 55px;
  margin-bottom: 25px;
}

.row.skills-content-row li strong {
  color: #fff;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  margin-bottom: 6px;
}

.row.skills-content-row li img {
  position: absolute;
  left: 0;
}

.skills-image-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.skills-image-box .large-image {
  left: 0;
}

.skills-image-box .small-image {
  left: 2%;
  position: absolute;
  z-index: 9;
  background: #151515;
  padding: 5px;
}

.skills-content-box ul {
  padding: 0;
}

.skills-image-box .large-image img {
  max-width: 100%;
}

.row.skills-content-row2 {
  padding-top: 100px;
}

.skills-content-row2 h2.main-title {
  color: #fff;
}

.skills-content-row2 p {
  color: #fff;
}

.skills-content-row2 .common_btn {
  padding-top: 20px;
}

.skills-content-row2 .common_btn a {
  padding: 0px 30px;
}

.small-content-image {
  background: #fff;
  max-width: 265px;
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  position: absolute;
  right: 40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.small-content-image p {
  color: #77a035;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}

.skills-image-box2 {
  position: relative;
}
section.inner-banner-section {
  height: 564px;
  background-size: cover;
  background-position: center;
  background-color: #515151;
  position: relative;
}
.inner-banner-section .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  height: 100%;
}
.inner-banner-section .container > div {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.inner-banner-section h1,
.inner-banner-section h2 {
  color: #fff;
  text-align: center;
  font-family: Gotham;
  font-size: 66px;
  font-style: normal;
  font-weight: 400;
  line-height: 76px;
  text-transform: uppercase;
  margin-top: 50px;
}
#abt img.small_img {
  max-width: 306px;
  border: 6px solid #fff;
  position: absolute;
  bottom: -110px;
  right: -80px;
}

#abt .large-image {
  left: 0;
}
#abt .large-image:before {
  display: none;
}
#abt .about_counter {
  background: #86b53c;
  text-align: center;
  padding: 70px 0 0;
  margin-top: -100px;
}

#abt .stats-box {
  padding: 22px 10px;
}

#abt .stats-box-wrp:first-child {
  position: relative;
}

#abt .stats-box-wrp:first-child:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  margin: auto;
  height: 1px;
  width: 180px;
  background: #fff;
}

#abt img.c-who-we-are-logo {
  margin: auto;
  display: block;
}

#abt .ab-content-box p strong {
  color: #000;
  font-family: Gotham;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.about_left {
  width: 44%;
}
.about_right {
  width: 56%;
}
.a_counter {
  margin-top: -20px;
}
#abt .ab-image-box {
  justify-content: flex-start;
}
.abt2-image-box {
  display: flex;
  justify-content: flex-end;
}

section.abt2-section {
  background-size: cover;
  background-position: center;
  background-color: #86b53c;
}

.row.abt2-content-row {
  align-items: center;
}

.row.abt2-content-row h2,
.row.abt2-content-row p {
  color: #fff;
}
section#abt-skills h2,
section#abt-skills p,
section#abt-skills li,
section#abt-skills li strong {
  color: #000;
}
section#abt-skills .skills_top_content {
  display: flex;
  text-align: left;
  margin-bottom: 45px;
}

section#abt-skills .skills_top_content p {
  padding-left: 30px;
  margin: 0;
}

section#abt-skills {
  padding: 80px 0px;
}
section#abt-skills .skills-image-box .small-image {
  background: #fff;
}
section.testimonials-section.abt {
  background-color: #151515;
}
section.testimonials-section.abt .testimonials-slider:before {
  background-image: url("../images/q_left1.png");
}

section.testimonials-section.abt .testimonials-slider:after {
  background-image: url("../images/q_right1.png");
}
section.form-faqs-section.abt {
  margin-top: 6rem;
}
.services_content_wrap {
  background: #f6f6f6;
  padding: 75px 0px;
}
.row.service_box_Wrp:nth-child(2n) .s_img-box {
  order: 1;
}

.row.service_box_Wrp:nth-child(2n) .s_inner-box {
  order: 2;
}

.s_img-box {
  position: relative;
}

.row.service_box_Wrp:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  background: #000;
}

img.line-row {
  position: absolute;
  width: auto;
  margin: auto;
  left: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
}
.row.service_box_Wrp {
  margin: 0;
  padding: 30px 0;
  align-items: center;
  position: relative;
}
.ser_img-box,
.ser_inner-box {
  max-width: 419px;
  width: 100%;
  margin: auto;
}
.ser_inner-box h3 {
  color: #000;
  font-style: normal;
  font-weight: 500;
}

.ser_inner-box h3 a {
  color: #000;
}
.ser_inner-box h3 a:hover {
  color: #77a035;
}
.ser_inner-box p {
  margin: 1.2rem 0 1.8rem;
}

.ser_inner-box .common_btn a {
  background: transparent;
  color: #77a035;
  padding: 0 34px;
}

.ser_inner-box .common_btn a span {
  background: #77a035;
}

.ser_inner-box .common_btn a:hover {
  color: #fff;
}
.services_top {
  margin-bottom: 4rem;
}
.services_top .col-md-7 {
  padding-right: 100px;
}
section.our-services3-section {
  background: #f6f6f6;
  padding: 80px 0px;
}
.single-services .about-section .ab-content-row {
  padding: 40px 0px 80px;
}
.our-services3-section .common_btn a,
.ab-content-box .single-services .common_btn a {
  padding: 0px 36px;
  margin-top: 15px;
}
.services_top h2 {
  margin-bottom: 1.1rem;
}
.single-services .skills-image-box2 {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.single-services .small-content-image {
  background: #000;
  left: 40px;
  right: auto;
}
.service_full_image {
  margin-bottom: -235px;
  margin-top: 2rem;
  text-align: center;
}

section.services-section {
  padding: 80px 0px;
}
.services-box-row {
  border: 10px solid #77a035;
  background: #f6f6f6;
  padding: 60px 60px 40px;
}

.services-box-row h3 {
  color: #000;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 1.2rem;
}

.services-box-row h2,
.services-box-row h4,
.services-box-row h5,
.services-box-row h6 {
  margin-bottom: 1.2rem;
}

section.breadcrumbs {
  text-align: center;
  margin-top: -30px;
}
.crumbs {
  border-radius: 500px;
  background: #fff;
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.25);
  color: #000;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  padding: 20px 40px;
  position: relative;
}

.crumbs a {
  color: #000;
}
.crumbs a:hover {
  color: #77a035;
}
.container-fluid.blogs {
  padding: 80px 0px;
}
.blog-row {
  padding: 0px 0px 35px;
}
.blogs .blog_box {
  padding: 0;
  background: #151515;
  height: 100%;
}

.blogs .blog_box h5 a,
.blogs .blog_box p {
  color: #fff;
}

.blogs .blog_content {
  padding: 30px;
}

.blogs .blog_content h5 {
  margin: 0;
}

.blogs .blogs_items {
  margin: 15px 0px;
}
.blog_box:hover .b_item_img img {
  transform: scale(1.08);
}

.b_item_img {
  overflow: hidden;
  background: #fff;
}

.b_item_img img {
  transition: 0.4s;
}
.container-fluid.default_wrapper {
  background: #fff;
  padding: 80px 0px;
}
footer {
  position: relative;
}
.contact_form_wrp input[type="text"],
.contact_form_wrp input[type="url"],
.contact_form_wrp input[type="email"],
.contact_form_wrp input[type="tel"],
.contact_form_wrp input[type="number"],
.contact_form_wrp select {
  background-color: #f6f6f6;
  padding: 0px 15px;
  color: #000;
  font-size: 16px;
}
.contact_form_wrp select {
  background-image: url(../images/select1.png);
}
.contact_form_wrp ::-webkit-input-placeholder {
  color: #000;
}

.contact_form_wrp :-ms-input-placeholder {
  color: #000;
  opacity: 1 !important;
}

.contact_form_wrp ::placeholder {
  color: #000;
  opacity: 1 !important;
}
.contact_form_wrp .common_btn_submit a {
  display: block;
}
.contact_form_wrp .form_field {
  padding: 0px 8px;
}
.in_contact_form_wrp {
  background: #fff;
  padding: 35px 40px;
}

section.contact-form-section {
  background: #f6f6f6;
  padding: 100px 0px;
}
.page-id-9 section.breadcrumbs {
  background: #f6f6f6;
}
.in_contact_form_wrp h3,
.in_contact_form_wrp p {
  color: #000;
}

.contact-form-section .contact_heading {
  display: block;
  margin-bottom: 25px;
}

.contact-form-section .contact_heading h3 {
  margin-bottom: 6px;
}
.c_list {
  background: #fff;
  padding: 28px;
  display: flex;
  align-items: center;
}

.c_list p {
  margin: 0;
}

.c_list p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 26px;
}

.c_list p strong {
  display: block;
}

.contact_details {
  width: 38%;
}

.contact_form_wrp {
  width: 62%;
}

.c_list span {
  display: inline-block;
  padding-left: 18px;
}

.c_list:nth-child(2) {
  margin: 18px 0px;
}
.c_list p a {
  color: #000;
  font-weight: 400;
}
.c_list p a:hover {
  color: #77a035;
}
.error404 .common_content,
.thankyou .common_content {
  text-align: center;
}
.service_box:hover h4 {
  color: #77a035;
}
.form_submit_field a {
  display: inline-block;
}

.blog_content .common_btn {
  display: inline-block;
}
section.our-goal-section p {
  font-weight: 500;
}
.service_box:hover {
  background: #77a035;
}

.service_box:hover h4,
.service_box:hover p {
  color: #fff;
}
.blogs_wrapper .para_content,
.blogs .para_content {
  padding: 46px 0px 0px 0px;
}
.home_contact_details ul.footer-details li {
  color: #fff;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.home_contact_details li a {
  color: #fff;
  font-style: normal;
  font-weight: 400;
}
.ea-body p a {
  color: #151515;
}
.ea-body p a:hover {
  color: #77a035;
}
button.sub-menu-toggle {
  display: none;
}
li.location a {
  font-weight: 700;
}
.faqs_wrap {
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
span.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-not-valid {
  border-bottom: 1px solid #dc3232 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  border-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  text-align: center;
  font-size: 12px !important;
}
option {
  color: #000;
  padding: 5px;
}
section.full-width-content-section {
  text-align: center;
  padding: 50px 0px 60px;
  background: #f7f7f7;
}

.row.full-width-content-row h2 {
  margin: 15px 0;
  font-size: 24px;
}

.row.full-width-content-row .common_btn {
  margin-top: 30px;
}
.moretext {
  display: none;
}
section.map {
  height: 450px;
}

section.map iframe {
  height: 100%;
  width: 100%;
}
.services-box-row img.aligncenter {
  margin: auto;
  display: block;
}

.services-box-row ul {
  padding-left: 20px;
}
.postid-76 .skills-content-box .common_btn,
.postid-77 .skills-content-box .common_btn {
  display: none;
}

.fcontact-div .menu-services-menu-container {
  margin-bottom: 20px;
}
.facebook {
  border: 1px solid #fff;
  padding: 10px 15px;
  border-radius: 50px;
  background-color: #fff;
}