/* Consulte HTML Template */

/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header

5. Main Slider

6. About Section

7. Project Section

8. Services Section

9. Testimonial Section

10. Clients Section

11. Team Section

12. Pricing Section

13. Press Section

14. Main Footer Section

15. Page Title Section

16. Blog Section

17. Sidebar Widgets

18. Comment Form

19. Comment Box

20. Contact Info Section

21. Map Section

22. Contact Form Section

23. CTA Section

**********************************************/

/*

font-family: 'Libre Baskerville', serif;

font-family: 'Work Sans', sans-serif;

font-family: 'Heebo', sans-serif;

*/

@import url("animate.css");

@import url("owl.css");

@import url("elegenticon.css");

@import url("linearicons.css");

@import url("jquery-ui.css");

@import url("animation.css");

@import url("icofont.min.css");

@import url("themify-icons.css");

@import url("simple-line-icons.css");

@import url("font-awesome.css");

@import url("fontawesome.min.css");

@import url("jquery.fancybox.min.css");

@import url("jquery.mCustomScrollbar.min.css");

/***

====================================================================

Reset

====================================================================

***/

* {
  /* font-family: "Work Sans", sans-serif !important; */
  margin: 0px;

  padding: 0px;

  border: none;

  outline: none;
}

@font-face {
  font-family: "icofont";

  src: url("../fonts/icofont.eot");

  src: url("../fonts/icofont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icofont.woff") format("woff"),
    url("../fonts/icofont.ttf") format("truetype"),
    url("../fonts/icofont.svg#icofont") format("svg");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "simple-line-icons";

  src: url("../fonts/simple-Line-Icons.eot");

  src: url("../fonts/simple-Line-Icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/simple-Line-Icons.woff") format("woff"),
    url("../fonts/simple-Line-Icons.ttf") format("truetype"),
    url("../fonts/simple-Line-Icons.svg#simple-Line-Icons") format("svg");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "themify";

  src: url("../fonts/themify.eot?-fvbane");

  src: url("../fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"),
    url("../fonts/themify.woff?-fvbane") format("woff"),
    url("../fonts/themify.ttf?-fvbane") format("truetype"),
    url("../fonts/themify.svg?-fvbane#themify") format("svg");

  font-weight: normal;

  font-style: normal;
}

/***

====================================================================

Global Settings

====================================================================

***/

body {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  color: #777777;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #2c724f;
}
button,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: "Work Sans", sans-serif;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* Typography */
h1 {
  font-size: 60px;
}
h2 {
  font-size: 48px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}

textarea {
  overflow: hidden;
}
p {
  position: relative;
  line-height: 1.8em;
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
.medium-container {
  max-width: 850px;
}
.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}
.main-menu .navigation > ul,
.navigation li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.accordion {
  list-style: none !important;
}

ol{
  margin-left: 18px;
}


img {
  display: inline-block;
  max-width: 100%;
}
.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.centered {
  text-align: center;
}
/*Btn Style One*/
.btn-style-one {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  padding: 20px 30px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 2px;
  background-color: #2c724f;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
}
.btn-style-one:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #262626;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}
.btn-style-one i {
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.btn-style-one .txt {
  position: relative;
  z-index: 1;
}
.btn-style-one:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn-style-one:hover {
  color: #ffffff;
}
/* Btn Style Two */
.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #2c724f;
  padding: 9px 24px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 2px;
  letter-spacing: 1px;
  background-color: #ffffff;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
}
.btn-style-two:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #262626;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}
.btn-style-two i {
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.btn-style-two .txt {
  position: relative;
  z-index: 1;
}
.btn-style-two:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn-style-two:hover {
  color: #ffffff;
}
/* Btn Style Three */
.btn-style-three {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #2c724f;
  padding: 10px 60px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 50px;
  background: none;
  border: 1px solid #2c724f;
  text-transform: capitalize;
  font-family: "Work Sans", sans-serif;
}
.btn-style-three:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #2c724f;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}
.btn-style-three .txt {
  position: relative;
  z-index: 1;
}
.btn-style-three:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn-style-three:hover {
  color: #ffffff;
}
/* Social Icon One */
.social-icon-one {
  position: relative;
  display: block;
}
.social-icon-one li {
  position: relative;
  margin-left: 9px;
  display: inline-block;
}
.social-icon-one li a {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  font-size: 14px;
  line-height: 32px;
  color: #cccccc;
  text-align: center;
  border-radius: 2px;
  background-color: #333333;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #333333;
  background-color: #feec42;
}
.theme_color {
  color: #2c724f;
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/***

====================================================================

Scroll To Top style

====================================================================

***/

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 65px;
  text-align: center;
  border-radius: 50px;
  z-index: 100;
  cursor: pointer;
  background: #2c724f;
  display: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.scroll-to-top:hover {
  color: #ffffff;
  background: #0a0a0a;
}

.saveProfile-btn{
  background-color: #093b30;
  padding: 10px 58px;
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
}


.whatsapp {
  position: fixed;
  bottom: 17px;
  right: 24px;
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  border-radius: 50px;
  z-index: 100;
  cursor: pointer;
  line-height: 56px;
  background: #25d366;
}
@media (max-width: 575px) {
  .whatsapp {
    bottom: 100px !important;
    right: 19px !important;
  }
}

/***

====================================================================

Section Title

====================================================================

***/

.sec-title {
  position: relative;
  /* padding-top: 25px; */
  padding-bottom: 25px;

}
.sec-title .title {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sec-title h2 {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 15px;
}
.sec-title .font-s {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  font-size: 25px;
  margin-top: 15px;
}
.sec-title h2 span {
  position: relative;
  color: #2c724f;
  font-weight: 600;
}
.sec-title .text {
  position: relative;
  color: #666666;
  font-size: 18px;
  line-height: 1.8em;
  margin-top: 20px;
}
.sec-title.centered {
  text-align: center !important;
}
.sec-title.light .title {
  color: #2c724f;
  background-color: #ffffff;
}
.sec-title.light h2 {
  color: #ffffff;
}
/* List Style One */
.list-style-one {
  position: relative;
  z-index: 1;
}
.list-style-one li {
  position: relative;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
  padding-left: 35px;
  line-height: 1.8em;
}
.list-style-one li:before {
  position: absolute;
  left: 0px;
  top: 2px;
  content: "\eed6";
  color: #2c724f;
  font-size: 24px;
  font-weight: 400;
  display: block;
  font-family: IcoFont !important;
}

/***

====================================================================

Main Header style

====================================================================

***/

.main-header {
  position: absolute;
  z-index: 999;
  width: 100%;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.main-header.style-two {
  position: relative;
}
.main-header.style-three {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
/* Header Top */
.header-top {
  background-color: #003c1e;
}
.main-header .header-top {
  position: relative;
}
.main-header .header-top .inner-container {
  position: relative;
}
.main-header .header-top .top-left {
  position: relative;
  float: left;
  padding: 17px 0px;
  padding-right: 50px;
}
.main-header .header-top .info-list {
  position: relative;
}
.main-header .header-top .info-list li {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  margin-right: 45px;
  display: inline-block;
}
.main-header .header-top .info-list li:last-child {
  margin-right: 0px;
}
.main-header .header-top .info-list li .icon {
  position: absolute;
  left: 0px;
  top: 1px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1em;
}
.main-header .header-top .info-list li a {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  padding-left: 25px;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .header-top .info-list li a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.main-header .header-top .top-right {
  position: relative;
  padding: 17px 0px;
}
.main-header .header-top .top-right .social-box {
  position: relative;
}
.main-header .header-top .top-right .social-box li {
  position: relative;
  margin-left: 14px;
  display: inline-block;
}
.main-header .header-top .top-right .social-box li.share {
  position: relative;
  color: #ffffff;
  font-size: 14px;
}
.main-header .header-top .top-right .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .header-top .top-right .social-box li a:hover {
  color: #ffffff;
}
.main-header .main-box {
  position: relative;
  padding: 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .header-upper {
  background-color: #2c724f;
  position: relative;
  z-index: 1;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.main-header .header-upper .inner-container {
  position: relative;
}
.main-header .header-upper .outer-box .nav-toggler {
  position: relative;
  font-size: 28px;
  color: #ff9600;
  cursor: pointer;
  display: inline-block;
}
.main-header .header-upper .outer-box div:hover {
  color: #2c724f;
}

.main-header.fixed-header .main-menu .navigation > li.current > a,
.main-header.fixed-header .main-menu .navigation > li:hover > a {
  color: #2c724f;
}

/* Search Box Outer */

.main-header .header-upper .search-box-outer {
  position: relative;
  float: left;
}
.main-header .header-upper .search-box-btn,
.main-header .header-upper .notification-btn,
.main-header .header-upper .cart-btn,
.main-header .header-upper .user-box-btn {
  position: relative;
  float: left;
  display: block;
  font-size: 18px;
  color: #000 !important;
  line-height: 26px;
  cursor: pointer;
  background: none;
  margin: 36px 0px 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-header .header-upper .cart-btn a,
.main-header .header-upper .notification-btn a {
  color: #000;
}
.outer-box .user-box-btn .dropdown-menu {
  display: none; /* Hidden by default */
  position: absolute;
  top: 80%;
  right: -95px;
  background-color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 200px;
  padding: 0;
  margin: 5px 0 0;
  list-style: none;
  z-index: 1000;
}
/* Menu Item Styling */
.outer-box .user-box-btn {
  position: relative;
}
.outer-box .user-box-btn .dropdown-menu li {
  padding: 10px 15px;
}
.outer-box .user-box-btn .dropdown-menu li a {
  text-decoration: none;
  color: #333;
  display: block;
}
.outer-box .user-box-btn .dropdown-menu > li > ul > li > a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}
.outer-box .user-box-btn .dropdown-menu li:hover {
  background-color: #f5f5f5;
}
/* Show the dropdown on hover */
.outer-box .user-box-btn:hover .dropdown-menu {
  display: block;
}
.main-header .header-upper .search-box-btn:after {
  display: none;
}
/* Sticky Header */
.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #222222;
  z-index: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.sticky-header .logo {
  padding: 8px 0px 8px;
}
.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sticky-header .main-menu .navigation > li > a {
  padding: 23px 0px !important;
  color: #ffffff !important;
}
.sticky-header .main-menu .navigation > li > a:after {
  display: none;
}
.main-header .nav-outer {
  position: relative;
  padding-left: 100px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-header .header-upper .logo-box {
  position: relative;
  z-index: 10;
  padding: 9px 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-header .header-upper .logo-box .logo {
  position: relative;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-header .header-upper .outer-box {
  position: absolute;
  right: 0px;
  margin-left: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  display: ruby;
}
.main-header .header-upper .outer-box .loginLink a {
  color: #fff !important;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 600;
  padding: 34px 10px;
  font-size: 16px;
}
.main-header .header-upper .outer-box .loginLink a:hover {
  color: #000 !important;
}
.main-menu {
  position: relative;
  float: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navbar-collapse {
  padding: 0px;
  display: block;
}
.main-menu .navigation {
  position: static;
  margin: 0px;
  width: 100%;
}
.main-menu .navigation > li {
  position: relative;
  float: none;
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-right: 45px;
  text-align: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navigation > li:last-child {
  margin-right: 0px;
}
.main-header .header-upper .upper-right {
  position: relative;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 600;
  padding: 34px 0px;
  font-size: 16px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
  color: #323332;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: -30px;
  top: 66%;
  width: 270px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul.from-right {
  left: auto !important;
  right: -30px !important;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li > ul > li:hover > a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #2c724f, -8px 0 #2c724f;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #2c724f;
  padding-left: 30px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 20px;
  display: block;
  color: #253d4a;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
  color: #222222;
}
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 120%;
  top: 0%;
  width: 230px;
  z-index: 100;
  display: none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #2c724f, -8px 0 #2c724f;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: #2c724f;
  padding-left: 30px;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #272727;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 66%;
  left: 0px;
}
.main-menu .navigation > li.dropdown:hover > ul.from-right {
  right: 0px !important;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 107%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}
.main-header .header-upper .outer-box .social-icon-one {
  position: relative;
  float: left;
}
.main-header.fixed-header .header-upper {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 9999;
  width: 100%;
  padding-top: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #2c724f;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-header .header-upper .outer-box .sidebar-btn {
  position: relative;
  width: 52px;
  height: 52px;
  float: left;
  color: #ffffff;
  font-size: 18px;
  margin-left: 14px;
  cursor: pointer;
  line-height: 52px;
  text-align: center;
  border-radius: 50px;
  background-color: #05db56;
}
.main-menu .navigation > li > ul > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 100%;
  width: 210px;
  z-index: 100;
  display: none;
  opacity: 0;
  text-align: left;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #1e1e1e;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu .navigation > li > ul > li > ul > li > ul > li > a {
  position: relative;
  padding: 10px 18px;
  display: block;
  line-height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  border-top: 0px !important;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.main-menu .navigation > li > ul > li > ul > li > ul > li > a:hover {
  background-color: #2c724f;
  color: #ffffff;
}
.main-header .header-upper .outer-box .menu-toggler {
  position: relative;
  float: right;
  cursor: pointer;
  color: #ffffff;
  font-size: 28px;
  margin-left: 30px;
  padding-left: 30px;
}
.main-header .header-upper .outer-box .menu-toggler:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 5px;
  width: 1px;
  height: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.main-header .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #222222;
  display: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
.mobile-menu .nav-logo {
  position: relative;
  padding: 20px 20px;
  text-align: left;
}
.mobile-menu .nav-logo img {
  max-width: 200px;
}
.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease 500ms;
  -moz-transition: all 0.7s ease 500ms;
  -ms-transition: all 0.7s ease 500ms;
  -o-transition: all 0.7s ease 500ms;
  transition: all 0.7s ease 500ms;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu .close-btn {
  position: absolute;
  right: 10px;
  top: 34px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  color: #000000;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.mobile-menu .close-btn:hover {
  opacity: 0.5;
}
.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 14px 20px;
  font-size: 15px;
  color: #404040;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
  color: #2c724f;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  color: #404040;
  cursor: pointer;
  z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn span {
  position: absolute;
  right: 0px;
  top: 3px;
  height: 44px;
  width: 50px;
  line-height: 44px;
}
.mobile-menu .navigation li.dropdown .dropdown-btn span:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}
.sticky-header .navbar-header {
  display: none;
}
.sticky-header .mobile-nav-toggler {
  display: none;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
  width: 100%;
  font-size: 16px;
  font-style: normal;
  height: 46px;
  padding: 10px 0px 10px 0px;
  line-height: 26px;
  color: #999999;
  border: none;
  border-radius: 0px;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
}
.form-group .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 2px;
  text-indent: 0px;
  color: #333333;
}
.form-group .ui-button .ui-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 2px !important;
  top: 13px;
  width: 10px;
  height: 20px;
  display: block;
  color: #000000;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}
.ui-menu .ui-menu-item {
  font-size: 14px;
}
.ui-menu .ui-menu-item:last-child {
  border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  background: #2c724f;
  border-color: #2c724f;
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
}
.ui-menu-item:hover {
  background-color: #2c724f;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup {
  width: 80%;
}
.search-popup:before {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 560px;
  background-image: url(../images/icons/waves-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 0px;
  content: "";
}
.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}
.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #2c724f;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}
.search-popup .close-search span {
  position: relative;
  display: block;
  height: 70px;
  width: 70px;
  font-size: 50px;
  line-height: 70px;
  color: #ffffff;
}
.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}
.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"],
.search-popup .form-group input[type="password"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  padding-right: 65px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #000000;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #000000;
}
.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .close-search.style-two span {
  font-size: 20px;
  color: #ffffff;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
  position: relative;
  background-color: #e7ecef;
}
.banner-section .mouse-btn-down {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 20px;
  width: 30px;
  height: 68px;
  cursor: pointer;
  display: block;
  z-index: 1;
  cursor: pointer;
}
/* Chevron */
.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}
.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #2c724f;
}
.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}
.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}
@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}
.banner-section .slide {
  position: relative;
  overflow: hidden;
  height: 1000px;
  padding-top: 160px;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}
.banner-section .content-column {
  position: relative;
}
.banner-section .content-column .inner-column {
  position: relative;
  margin-right: -60px;
}
.banner-section .content-column .title {
  position: relative;
  color: #666666;
  font-weight: 400;
  line-height: 1em;
  opacity: 0;
  font-size: 16px;
  letter-spacing: 2px;
  transform: scaleY(0);
  transform-origin: top;
  text-transform: uppercase;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.banner-section .active .content-column .title {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.banner-section .content-column h1 {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.1em;
  opacity: 0;
  margin-top: 30px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.banner-section .content-column h1 span {
  position: relative;
  font-weight: 600;
  color: #2c724f;
}
.banner-section .active .content-column h1 {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.banner-section .content-column .text {
  position: relative;
  color: #666666;
  font-weight: 400;
  line-height: 1.7em;
  opacity: 0;
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 75px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.banner-section .active .content-column .text {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}
.banner-section .content-column .btn-box {
  position: relative;
  transform: scaleY(0);
  transform-origin: top;
  text-transform: uppercase;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .btn-box {
  opacity: 1;

  transform: scaleY(1);

  -webkit-transition-delay: 1200ms;

  -moz-transition-delay: 1200ms;

  -ms-transition-delay: 1200ms;

  -o-transition-delay: 1200ms;

  transition-delay: 1200ms;
}

.banner-section .owl-dots {
  display: none;
}

.banner-section .owl-nav {
  position: absolute;

  left: 0px;

  top: 50%;

  z-index: 1;

  width: 100%;

  opacity: 0;

  margin-top: -30px;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.banner-section .owl-nav .owl-prev {
  position: absolute;

  left: 20px;

  width: 60px;

  height: 60px;

  color: #ffffff;

  line-height: 62px;

  font-size: 24px;

  text-align: center;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  background-color: rgba(0, 0, 0, 0.1);
}

.banner-section .owl-nav .owl-next {
  position: absolute;

  right: 20px;

  color: #ffffff;

  font-size: 24px;

  width: 60px;

  height: 60px;

  color: #ffffff;

  line-height: 62px;

  text-align: center;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  background-color: rgba(0, 0, 0, 0.1);
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover {
  color: #ffffff;

  background-color: #2c724f;
}

.banner-section:hover .owl-nav {
  opacity: 1;
}

/***

====================================================================

About Section

====================================================================

***/

.about-section {
  position: relative;

  padding-top: 100px;
}

.about-section .inner-container {
  position: relative;

  padding-bottom: 100px;

  border-bottom: 1px solid #c0c8cd;
}

.about-image {
  display: flex;

  margin-left: -90px;
}

.max-width-470 {
  max-width: 470px;
}

.mt-110 {
  margin-top: 110px !important;
}

.lower-box {
  position: relative;

  margin-top: 70px;
}

.lower-box .book {
  position: relative;

  padding-left: 50px;

  color: #000000;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;
}

.lower-box .book .icon {
  position: absolute;

  left: 0px;

  top: 7px;

  width: 34px;

  height: 34px;

  color: #ffffff;

  border-radius: 3px;

  text-align: center;

  line-height: 34px;

  font-size: 20px;

  display: inline-block;

  background-color: #2c724f;
}

.lower-box .phone {
  position: relative;

  font-size: 36px;

  color: #000000;

  font-weight: 400;

  line-height: 1.2em;
}

/* Consult Form */

.consult-form {
  position: relative;
}

.consult-form form .form-group {
  position: relative;

  margin: 0px 0px 20px;
}

.consult-form form .form-group:last-child {
  margin-bottom: 0px;

  margin-left: -45px;

  margin-right: -45px;
}

.consult-form .form-group label {
  position: relative;

  margin-bottom: 0px;

  color: #000000;

  font-size: 12px;

  font-weight: 600;

  text-transform: uppercase;
}

.consult-form form input[type="text"],
.consult-form form input[type="password"],
.consult-form form input[type="search"],
.consult-form form input[type="tel"],
.consult-form form input[type="email"],
.consult-form form input[type="range"],
.consult-form form select {
  position: relative;

  display: block;

  width: 100%;

  height: 40px;

  line-height: 25px;

  padding: 0px 0px 0px;

  font-size: 16px;

  font-style: normal;

  background: #ffffff;

  border-radius: 0px;

  transition: all 500ms ease;

  border-bottom: 1px solid #cccccc;
}

.consult-form form textarea {
  position: relative;

  display: block;

  width: 100%;

  height: 125px;

  line-height: 25px;

  padding: 0px 0px 0px;

  font-size: 16px;

  font-style: normal;

  background: #ffffff;

  border-radius: 0px;

  resize: none;

  margin-top: 8px;

  transition: all 500ms ease;
}

.consult-form form .theme-btn {
  width: 100%;

  cursor: pointer;

  font-size: 18px;

  padding: 20px 36px;

  border-radius: 0px 0px 3px 3px;
}

.about-section .content-column {
  position: relative;

  margin-bottom: 40px;
}

.about-section .content-column .inner-column {
  position: relative;

  padding-top: 145px;

  padding-left: 100px;
}

.about-section .content-column .sec-title {
  margin-bottom: 25px;
}

.about-section .content-column .text {
  position: relative;

  margin-bottom: 85px;
}

.about-section .content-column .text p {
  position: relative;

  color: #666666;

  font-size: 14px;

  line-height: 2em;

  margin-bottom: 20px;
}

.about-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

.about-section .content-column .signature {
  position: relative;

  font-size: 30px;

  font-weight: 400;

  font-family: "Sacramento", cursive;
}

.about-section .content-column .signature span {
  position: relative;

  font-weight: 600;

  color: #000000;

  font-size: 14px;

  display: block;

  margin-top: 10px;

  text-transform: uppercase;

  font-family: "Work Sans", sans-serif;
}

/***

====================================================================

Services Section

====================================================================

***/
.section-padding {
  padding: 100px 0 !important;
}

.services-section {
  position: relative;
  padding: 100px 0px 80px;
}

.services-section .inner-container {
  position: relative;
  border-bottom: 0;
}

.services-section .inner-container .service-block {
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #ebebeb;
}

.services-section .inner-container .service-block:nth-child(4n + 0) {
  border-right: none;
}

.service-block {
  position: relative;

  /*	max-height: 350px;*/

  /*	overflow: hidden;*/
}

.service-block .inner-box {
  position: relative;
  padding: 45px 25px 45px 35px;
  border-top: 4px solid transparent;
  height: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-block.style-two {
  margin-bottom: 30px;
}

.service-block.style-two .inner-box {
  border: 1px solid #ebebeb;
}

.service-block.style-two .inner-box h5 {
  font-size: 18px;
}

.service-block.style-two .inner-box .text {
  margin-bottom: 0px;
}

.service-block .inner-box:hover {
  border-color: #2c724f;
  background-color: #f2f5f6;
}

.service-block .inner-box .icon-box {
  position: relative;
  line-height: 1em;
  color: #2c724f;
  display: inline-block;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block .inner-box:hover .icon-box {
  -webkit-transform: scale(-1) rotate(180deg);

  -moz-transform: scale(-1) rotate(180deg);

  -ms-transform: scale(-1) rotate(180deg);

  -o-transform: scale(-1) rotate(180deg);

  transform: scale(-1) rotate(180deg);
}

.service-block .inner-box h5 {
  position: relative;

  font-weight: 600;

  margin-top: 30px;

  margin-bottom: 15px;
}

.service-block .inner-box h5 a {
  position: relative;

  font-weight: 600;

  color: #010101;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.service-block .inner-box h5 a:hover {
  color: #2c724f;
}

.service-block .inner-box .text {
  position: relative;

  color: #666666;

  font-size: 16px;

  line-height: 1.8em;

  margin-bottom: 20px;
}

.service-block .inner-box .read-more,
.service-block .inner-box .bye-now {
  position: absolute;

  color: #000000;

  font-size: 14px;

  font-weight: 400;

  text-transform: uppercase;

  bottom: 20px;
}

.service-block .inner-box .read-more span,
.service-block .inner-box .bye-now span {
  position: relative;

  top: 1px;

  font-size: 12px;
}

.service-block .inner-box:hover .read-more,
.service-block .inner-box:hover .bye-now {
  color: #2c724f;
}

/***

====================================================================

Reputation Section

====================================================================

***/

.reputation-section {
  position: relative;

  padding-top: 120px;

  background-color: #f8f6f7;
}

.reputation-section .image-column {
  position: relative;
}

.reputation-section .image-column .inner-column {
  position: relative;
}

.reputation-section .content-column {
  position: relative;

  margin-bottom: 40px;
}

.reputation-section .content-column .inner-column {
  position: relative;

  padding-left: 70px;
}

.reputation-section .content-column .blocks-outer {
  position: relative;

  margin-top: 80px;
}

.reputation-block {
  position: relative;

  margin-bottom: 28px;
}

.reputation-block .inner-box {
  position: relative;
}

.reputation-block .inner-box h5 {
  position: relative;

  color: #000000;

  font-weight: 600;

  line-height: 1.3em;
}

.reputation-block .inner-box .text {
  position: relative;

  color: #999999;

  font-size: 16px;

  line-height: 1.9em;

  margin-top: 15px;
}

/***

====================================================================

Experts Section

====================================================================

***/

.experts-section {
  position: relative;

  padding: 100px 0px 70px;
}

.experts-section .sec-title .experts {
  position: relative;

  color: #000000;

  font-size: 14px;

  margin-top: 60px;

  display: inline-block;

  text-transform: uppercase;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.experts-section .sec-title .experts span {
  position: relative;

  font-size: 12px;
}

.experts-section .sec-title .experts:hover {
  color: #2c724f;
}

/* Team Block */

.team-block {
  position: relative;

  margin-bottom: 30px;
}

.team-block .inner-box {
  position: relative;

  padding-right: 28px;
}

.team-block .inner-box .image {
  position: relative;

  border-radius: 3px;

  overflow: hidden;

  background-color: #2c724f;
}

.team-block .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;

  border-radius: 3px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.team-block .inner-box:hover .image img {
  opacity: 0.7;

  transform: scale(1.05, 1.05);
}

.team-block .inner-box .image .social-box {
  position: absolute;

  right: -200px;

  bottom: 10px;

  padding: 10px 12px;

  border-radius: 3px;

  display: inline-block;

  background-color: #ffffff;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.team-block .inner-box .image .social-box li {
  position: relative;

  margin: 0px 8px;

  display: inline-block;
}

.team-block .inner-box .image .social-box li a {
  position: relative;

  color: #666666;

  font-size: 16px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.team-block .inner-box .image .social-box li:first-child {
  margin-right: 4px;
}

.team-block .inner-box .image .social-box li a:hover {
  color: #2c724f;
}

.team-block .inner-box:hover .image .social-box {
  right: 10px;
}

.team-block .inner-box .lower-box {
  position: relative;

  padding-top: 30px;
}

.team-block .inner-box .lower-box h4 {
  position: relative;

  font-weight: 600;

  line-height: 1.3em;
}

.team-block .inner-box .lower-box h4 a {
  position: relative;

  color: #000000;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.team-block .inner-box:hover .lower-box h4 a {
  color: #2c724f;
}

.team-block .inner-box .lower-box .designation {
  position: relative;

  color: #666666;

  font-size: 14px;

  margin-top: 5px;
}

/***

====================================================================

Project Section

====================================================================

***/

.project-section {
  position: relative;

  overflow: hidden;

  padding: 20px 0px 0px;
}

.project-section .sec-title .cases {
  position: relative;

  color: #000000;

  font-size: 14px;

  margin-top: 60px;

  display: inline-block;

  text-transform: uppercase;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.project-section .sec-title .cases span {
  position: relative;

  font-size: 12px;
}

.project-section .sec-title .cases:hover {
  color: #2c724f;
}

.project-section .outer-container {
  position: relative;
}

.project-section .column {
  padding: 0px 2px;
}

.project-section .column .row {
  margin: 0px -2px;
}

.project-section .inner-column {
  padding: 0px 2px;
}

.gallery-block {
  position: relative;

  margin-bottom: 5px;
}

.gallery-block .inner-box {
  position: relative;

  overflow: hidden;
}

.gallery-block .inner-box .image {
  position: relative;

  margin-bottom: 0px;
}

.gallery-block .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;
}

.gallery-block .inner-box .image .overlay-box {
  position: absolute;

  left: 0px;

  bottom: -120px;

  right: 0px;

  padding: 22px 30px;

  background-color: #2c724f;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box {
  bottom: 0px;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner {
  position: relative;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner h3 {
  position: relative;

  font-weight: 600;

  line-height: 1.3em;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner h3 a {
  position: relative;

  color: #ffffff;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner .designation {
  position: relative;

  color: #ffffff;

  font-size: 14px;

  margin-top: 4px;
}

.gallery-block .inner-box .image .overlay-box .overlay-inner .arrow {
  position: absolute;

  right: -10px;

  top: 5px;

  line-height: 1em;

  color: #ffffff;

  font-size: 60px;
}

/***

====================================================================

Testimonial Section

====================================================================

***/

.testimonial-section {
  position: relative;

  padding-top: 90px;
}

.testimonial-section.style-two {
  padding-top: 0px;
}

.testimonial-section.style-two .inner-container {
  padding-top: 100px;

  border-top: 1px solid #d9d9d9;
}

.testimonial-section .sec-title {
  margin-bottom: 70px;
}

.testimonial-section .owl-nav {
  position: absolute;

  right: -10px;

  top: -120px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
  position: relative;

  color: #999999;

  font-size: 48px;

  margin-left: 0px;

  font-weight: 300;

  display: inline-block;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
  color: #000000;
}

.testimonial-block {
  position: relative;

  margin-bottom: 30px;
}

.testimonial-block .inner-box {
  position: relative;

  padding: 45px 45px;

  border: 1px solid #e1e1e1;
}

.testimonial-block .inner-box:before {
  position: absolute;

  content: "";

  left: 0px;

  top: 0px;

  right: 0px;

  height: 5px;

  opacity: 0;

  transform: scale(0.3, 1);

  background-color: #2c724f;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.testimonial-block .inner-box:hover::before {
  opacity: 1;

  transform: scale(1, 1);
}

.testimonial-block .inner-box .quote {
  position: relative;

  font-size: 36px;

  color: #2c724f;

  line-height: 1em;

  text-align: right;
}

.testimonial-block .inner-box .author {
  position: relative;

  color: #000000;

  font-size: 18px;

  font-weight: 600;

  margin-top: 4px;
}

.testimonial-block .inner-box .author span {
  position: relative;

  font-weight: 400;

  color: #999999;

  font-size: 14px;
}

.testimonial-block .inner-box .text {
  position: relative;

  color: #666666;

  font-size: 14px;

  line-height: 1.8em;

  margin-top: 20px;
}

/***

====================================================================

Sponsors Section

====================================================================

***/

.sponsors-section {
  position: relative;

  padding: 60px 0px 90px;
}

.sponsors-section .owl-nav,
.sponsors-section .owl-dots {
  display: none;
}

.sponsors-section .image-box {
  position: relative;

  opacity: 0.7;

  filter: grayscale(100%);

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.sponsors-section .image-box:hover {
  opacity: 1;

  filter: grayscale(0%);
}

/***

====================================================================

Blog Section

====================================================================

***/

.blog-section {
  position: relative;

  padding: 100px 0px 100px;

  background-color: #eef1f3;
}

.blog-section .column {
  padding: 0px;

  float: left;
}

.news-block {
  position: relative;
}

.news-block .inner-box {
  position: relative;

  background-color: #ffffff;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box .image-column {
  position: relative;

  padding: 0px;

  float: left;
}

.news-block .inner-box .image-column .inner-column {
  position: relative;
}

.news-block .inner-box .image-column .image {
  position: relative;
}

.news-block .inner-box .image-column .image img {
  position: relative;

  object-fit: cover;

  width: 390px;

  height: 309px;

  display: block;
}

.news-block .inner-box .content-column {
  position: relative;

  padding: 0px;

  float: left;
}

.news-block .inner-box .content-column .arrow-one {
  position: absolute;

  top: 55%;

  left: -20px;

  border-top: 10px solid transparent;

  border-right: 20px solid #ffffff;

  border-bottom: 10px solid transparent;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box:hover .content-column .arrow-one {
  border-right-color: #2c724f;
}

.news-block .inner-box .content-column .arrow-two {
  position: absolute;

  top: 65%;

  right: -19px;

  z-index: 1;

  border-top: 10px solid transparent;

  border-left: 20px solid #ffffff;

  border-bottom: 10px solid transparent;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box:hover .content-column .arrow-two {
  border-left-color: #2c724f;
}

.news-block .inner-box .content-column .inner-column {
  position: relative;

  text-align: center;

  padding: 80px 15px 3px;
}

.news-block .inner-box .content-column .title {
  position: relative;

  color: #2c724f;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box .content-column h4 {
  position: relative;

  font-weight: 600;

  line-height: 1.3em;

  margin-top: 18px;

  margin-bottom: 35px;
}

.news-block .inner-box .content-column h4 a {
  position: relative;

  color: #000000;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box:hover {
  background-color: #2c724f;
}

.news-block .inner-box .post-date {
  position: relative;

  color: #999999;

  font-size: 14px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block .inner-box .post-date span {
  position: relative;

  color: #000000;
}

.news-block .inner-box:hover .content-column .title,
.news-block .inner-box:hover .post-date,
.news-block .inner-box:hover .post-date span,
.news-block .inner-box:hover .content-column h4 a {
  color: #ffffff;
}

/* News Block Two */

.news-block-two {
  position: relative;

  height: 100%;
}

.news-block-two .inner-box {
  position: relative;

  background-color: #ffffff;

  height: 100%;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-two .inner-box .image {
  position: relative;
}

.news-block-two .inner-box .image img {
  position: relative;

  object-fit: cover;

  width: 390px;

  height: 309px;

  display: block;
}

.news-block-two .inner-box .lower-content {
  position: relative;

  text-align: center;

  padding: 77px 15px 0px;
}

.news-block-two .inner-box .lower-content .title {
  position: relative;

  color: #2c724f;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-two .inner-box .lower-content h4 {
  position: relative;

  font-weight: 600;

  line-height: 1.3em;

  margin-top: 18px;

  margin-bottom: 35px;
}

.news-block-two .inner-box .lower-content h4 a {
  position: relative;

  color: #000000;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-two .inner-box:hover {
  background-color: #2c724f;
}

.news-block-two .inner-box .lower-content .post-date {
  position: relative;

  color: #999999;

  font-size: 14px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-two .inner-box .lower-content .post-date span {
  position: relative;

  color: #000000;
}

.news-block-two .inner-box:hover .lower-content .title,
.news-block-two .inner-box:hover .post-date,
.news-block-two .inner-box:hover .post-date span,
.news-block-two .inner-box:hover .lower-content h4 a {
  color: #ffffff;
}

.news-block-two .inner-box .image .arrow {
  position: absolute;

  left: 50%;

  bottom: 0px;

  z-index: 1;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 20px solid #ffffff;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image .arrow {
  border-bottom-color: #2c724f;
}

/***

====================================================================

Main Footer

====================================================================

***/

.main-footer {
  position: relative;
}

.main-footer.style-two {
  border-top: 1px solid #dfdfdf;
}

.main-footer .footer-widget {
  position: relative;

  margin-bottom: 30px;
}

.main-footer .widgets-section {
  position: relative;

  padding: 75px 0px 65px;
}

.main-footer .footer-widget h5 {
  position: relative;

  font-weight: 600;

  color: #000000;

  line-height: 1.2em;

  margin-top: 25px;

  margin-bottom: 25px;

  text-transform: capitalize;
}

.main-footer .logo-widget {
  position: relative;
}

.main-footer .logo-widget .logo {
  position: relative;

  margin-bottom: 0px;
}

.main-footer .logo-widget .call {
  position: relative;

  color: #999999;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.8em;

  text-transform: uppercase;
}

.main-footer .logo-widget .call .phone {
  position: relative;

  color: #000000;

  font-size: 24px;

  display: block;

  margin-top: 15px;

  margin-bottom: 7px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.main-footer .logo-widget .call .email {
  position: relative;

  color: #000000;

  font-size: 16px;

  display: block;

  margin-top: 0px;

  text-transform: capitalize;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.main-footer .logo-widget .call .phone:hover,
.main-footer .logo-widget .call .email:hover {
  color: #2c724f;
}

/* List Link */

.list-link {
  padding: 0px;
  position: relative;
}

.list-link li {
  position: relative;
  list-style: none !important;
  padding: 0px;
  margin: 0px;

  margin-bottom: 8px;
}

.list-link li a {
  position: relative;

  color: #666666;

  font-size: 14px;

  font-weight: 400;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;
}

.list-link li a:hover {
  color: #2c724f;
}

.main-footer .newsletter-widget .text {
  position: relative;

  color: #666666;

  font-size: 14px;

  line-height: 1.8em;

  margin-bottom: 15px;
}

.newsletter-form {
  margin-top: 35px;
}

.newsletter-form .form-group {
  position: relative;

  display: block;

  margin: 0px;

  width: 100%;

  max-width: 550px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group input[type="password"],
.newsletter-form .form-group textarea {
  position: relative;

  display: block;

  width: 100%;

  line-height: 28px;

  height: 44px;

  font-size: 14px;

  color: #000000;

  font-weight: 400;

  padding: 10px 20px 10px 20px;

  background: #f7f7f7;

  border-radius: 3px;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;

  border: 1px solid #cccccc;
}

.newsletter-form .form-group input[type="email"] {
  padding-right: 40px;
}

.newsletter-form .form-group input[type="text"]:focus,
.newsletter-form .form-group input[type="tel"]:focus,
.newsletter-form .form-group input[type="email"]:focus,
.newsletter-form .form-group input[type="password"]:focus,
.newsletter-form .form-group textarea:focus {
  border-color: #2c724f;
}

.newsletter-form .form-group input[type="submit"],
.newsletter-form .form-group button {
  position: absolute;

  right: 0px;

  top: 0px;

  height: 44px;

  line-height: 44px;

  color: #000000;

  font-size: 20px;

  text-align: center;

  background: none;

  width: 40px;

  cursor: pointer;

  background: none;

  text-transform: capitalize;
}

.main-footer .footer-bottom {
  position: relative;
}

.main-footer .footer-bottom .bottom-inner {
  position: relative;

  padding: 35px 0px;

  border-top: 1px solid #e1e1e1;
}

.main-footer .footer-bottom .copyright {
  position: relative;

  color: #666666;

  font-size: 16px;
}

.main-footer .footer-bottom .copyright a {
  position: relative;

  color: #000000;

  font-weight: 700;
}

.main-footer .footer-bottom .social-nav {
  position: relative;

  text-align: right;
}

.main-footer .footer-bottom .social-nav li {
  position: relative;

  margin-left: 10px;

  display: inline-block;
}

.main-footer .footer-bottom .social-nav li a {
  position: relative;

  color: #666666;

  font-size: 16px;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;
}

.main-footer .footer-bottom .social-nav li a:hover {
  color: #2c724f;
}

/***

====================================================================

Map Section

====================================================================

***/

.map-section {
  position: relative;

  padding: 0px 0px;
}

.contact-map-area iframe {
  width: 100%;

  height: 500px;

  border: 0 none;
}

.map-canvas {
  height: 640px;

  width: 100%;
}

.map-data {
  text-align: left;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.8em;
}

.map-section .gm-style-iw {
  width: 270px;

  padding: 15px 20px;

  border-radius: 3px;

  text-align: left;
}

.map-data h6 {
  font-size: 20px;

  font-weight: 700;

  margin-bottom: 5px;

  color: #000000;
}

.map-section .map-data .map-content {
  position: relative;

  color: #000000;

  font-size: 14px;
}

.page-banner-image-section {
  position: relative;
}

.page-banner-image-section .image {
  position: relative;
}

.page-banner-image-section .image img {
  position: relative;

  width: 100%;

  display: block;
}

/***

====================================================================

About Section Two

====================================================================

***/

.about-section-two {
  position: relative;

  padding-top: 100px;

  padding-bottom: 100px;
}

.about-section-two .inner-container {
  position: relative;
}

.about-section-two .image-column {
  position: relative;
}

.about-section-two .image-column .inner-column {
  position: relative;

  margin-left: -80px;

  padding-right: 70px;
}

.about-section-two .content-column {
  position: relative;

  margin-bottom: 40px;
}

.about-section-two .content-column .inner-column {
  position: relative;

  padding-top: 20px;
}

.about-section-two .content-column .sec-title {
  margin-bottom: 25px;
}

.about-section-two .content-column .text {
  position: relative;

  margin-bottom: 75px;
}

.about-section-two .content-column .text p {
  position: relative;

  color: #666666;

  font-size: 14px;

  line-height: 2em;

  margin-bottom: 20px;
}

.about-section-two .content-column .text p:last-child {
  margin-bottom: 0px;
}

.about-section-two .content-column .signature {
  position: relative;

  font-size: 30px;

  font-family: "Sacramento", cursive;

  font-weight: 400;
}

.about-section-two .content-column .signature span {
  position: relative;

  font-weight: 600;

  color: #000000;

  font-size: 14px;

  display: block;

  margin-top: 10px;

  text-transform: uppercase;

  font-family: "Work Sans", sans-serif;
}

/***

====================================================================

Reputation Section Two

====================================================================

***/

.reputation-section-two {
  position: relative;

  padding: 100px 0px 60px;

  background-color: #f8f6f7;
}

.reputation-section-two .content-column {
  position: relative;

  margin-bottom: 40px;
}

.reputation-section-two .content-column .inner-column {
  position: relative;
}

.reputation-section-two .content-column .sec-title {
  margin-bottom: 90px;
}

.reputation-section-two .form-column {
  position: relative;

  margin-bottom: 40px;
}

.reputation-section-two .form-column .inner-column {
  position: relative;
}

.reputation-section-two .form-column .form-boxed {
  position: relative;

  border-radius: 3px;

  padding: 30px 45px 0px;

  border: 1px solid #c0c8cd;

  background-color: #ffffff;
}

.reputation-section-two .form-column h5 {
  position: relative;

  color: #2c724f;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 35px;

  text-transform: uppercase;
}

.reputation-section-two.style-two .content-column .inner-column {
  padding-left: 170px;
}

/***

====================================================================

	Service Banner

====================================================================

***/

.service-banner-section {
  background-size: cover;

  background-position: center center;

  position: relative;

  padding-top: 170px;

  overflow: hidden;

  background-color: #efefeb;
}

.service-banner-section .content-box {
  position: relative;

  max-width: 530px;

  z-index: 1;

  padding-top: 100px;

  padding-bottom: 80px;
}

.service-banner-section .content-box h2 {
  position: relative;

  color: #000000;

  font-weight: 300;

  line-height: 1.3em;

  margin-top: 15px;
}

.service-banner-section .content-box h2 span {
  position: relative;

  font-weight: 600;

  color: #2c724f;
}

.service-banner-section .content-box .text {
  position: relative;

  color: #666666;

  font-size: 18px;

  line-height: 1.7em;

  margin-top: 30px;

  margin-bottom: 90px;
}

.service-banner-section .content-box .lower-box {
  position: relative;

  margin-top: 140px;
}

.service-banner-section .content-box .lower-box .book {
  position: relative;

  padding-left: 50px;

  color: #000000;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;
}

.service-banner-section .content-box .lower-box .book .icon {
  position: absolute;

  left: 0px;

  top: 7px;

  width: 34px;

  height: 34px;

  color: #ffffff;

  border-radius: 3px;

  text-align: center;

  line-height: 34px;

  font-size: 20px;

  display: inline-block;

  background-color: #2c724f;
}

.service-banner-section .content-box .lower-box .phone {
  position: relative;

  font-size: 36px;

  color: #000000;

  font-weight: 400;

  line-height: 1.2em;
}

.service-banner-section .side-image {
  position: absolute;

  right: 100px;

  bottom: 0px;
}

/***

====================================================================

	Sidebar Page

====================================================================

***/

.sidebar-page-container {
  position: relative;

  padding: 90px 0px 70px;
}

.sidebar-page-container.style-two {
  padding-bottom: 0px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  margin-bottom: 30px;
}

.sidebar-page-container .sidebar-side .sidebar.margin-left {
  margin-left: -30px;
}

.sidebar-page-container .service-title-box {
  position: relative;

  margin-bottom: 60px;
}

.sidebar-page-container .service-title-box h2 {
  position: relative;

  color: #000000;

  font-size: 36px;

  font-weight: 600;

  line-height: 1.3em;
}

.service-detail {
  position: relative;
}

.service-detail .inner-box {
  position: relative;
}

.service-detail .inner-box .image {
  position: relative;

  margin-bottom: 50px;
}

.service-detail .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;
}

.service-detail .inner-box .lower-content {
  position: relative;
}

.service-detail .inner-box .lower-content p {
  position: relative;

  color: #666666;

  font-size: 14px;

  line-height: 1.8em;

  margin-bottom: 20px;
}

.service-detail .inner-box .lower-content blockquote {
  position: relative;

  color: #000000;

  font-size: 14px;

  padding: 28px 35px;

  line-height: 2em;

  margin-top: 35px;

  margin-bottom: 50px;

  background-color: #f7f7f7;

  border-left: 3px solid #2c724f;

  font-family: "Libre Baskerville", serif;
}

.service-detail .inner-box .lower-content h4 {
  position: relative;

  color: #000000;

  font-weight: 600;

  line-height: 1.3em;

  margin-bottom: 40px;
}

.service-detail .inner-box .lower-content .analysis-columns {
  position: relative;

  margin-bottom: 40px;
}

.service-detail .inner-box .lower-content .accordian-box {
  position: relative;

  margin-top: 60px;
}

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;

  margin-bottom: 3px;

  background-color: #f7f7f7;
}

.accordion-box .block .acc-btn {
  position: relative;

  font-size: 16px;

  cursor: pointer;

  line-height: 34px;

  color: #000000;

  font-weight: 600;

  padding: 18px 50px 18px 30px;

  transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
  color: #2c724f;
}

.accordion-box .block .icon-outer {
  position: absolute;

  right: 20px;

  top: 18px;

  font-size: 20px;

  color: #262626;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
  position: absolute;

  right: 0px;

  width: 30px;

  height: 30px;

  color: #000000;

  font-size: 24px;

  text-align: center;

  line-height: 32px;

  transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -webkit-transition: all 300ms ease;
}

.accordion-box .block .icon-outer .icon-plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
  opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icofont-minus {
  opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icofont-plus {
  opacity: 0;
}

.accordion-box .block .acc-content {
  position: relative;

  display: none;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;

  font-size: 14px;

  padding: 0px 35px 30px 35px;
}

.accordion-box .block .content .accordian-text {
  line-height: 1.9em;

  font-size: 14px;

  color: #666666;

  font-weight: 400;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0px;
}

.sticky-top {
  top: 110px;

  z-index: 1;
}

.sidebar-widget {
  position: relative;

  margin-bottom: 30px;
}

.sidebar-widget:last-child {
  margin-bottom: 0px;
}

.sidebar-title {
  position: relative;

  margin-bottom: 30px;
}

.sidebar-title h4 {
  position: relative;

  color: #000000;

  font-weight: 600;
}

/* Category Boxed */

.category-boxed {
  position: relative;

  padding: 25px 25px;

  margin-bottom: 3px;

  background-color: #f7f7f7;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.category-boxed .overlay-link {
  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1;

  display: block;
}

.category-boxed .boxed-inner {
  position: relative;

  padding-left: 60px;
}

.category-boxed .boxed-inner .icon {
  position: absolute;

  left: 0px;

  top: 8px;

  color: #2c724f;

  font-size: 36px;

  line-height: 1em;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.category-boxed .boxed-inner h6 {
  position: relative;

  font-weight: 600;

  color: #000000;

  font-size: 16px;

  line-height: 1.6em;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.category-boxed:hover {
  background-color: #2c724f;
}

.category-boxed:hover h6,
.category-boxed:hover .icon {
  color: #ffffff;
}

/* Brochures Widget */

.brochures-widget .widget-content {
  position: relative;

  padding: 30px 30px 35px;

  background-color: #f7f7f7;
}

.brochures-widget .widget-content h4 {
  position: relative;

  color: #000000;

  font-weight: 600;
}

.brochures-widget .widget-content .text {
  position: relative;

  color: #999999;

  font-weight: 400;

  font-size: 16px;

  line-height: 1.7em;

  margin-top: 14px;
}

.brochures-widget .widget-content .brochure-list {
  position: relative;

  margin-top: 20px;
}

.brochures-widget .widget-content .brochure-list li {
  position: relative;

  margin-bottom: 15px;
}

.brochures-widget .widget-content .brochure-list li:last-child {
  margin-bottom: 0px;
}

.brochures-widget .widget-content .brochure-list li a {
  position: relative;

  color: #000000;

  font-weight: 600;

  font-size: 16px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.brochures-widget .widget-content .brochure-list li a .icon {
  position: relative;

  top: 4px;

  color: #000000;

  font-size: 24px;

  line-height: 1em;

  margin-right: 15px;

  font-weight: 400;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.brochures-widget .widget-content .brochure-list li a:hover,
.brochures-widget .widget-content .brochure-list li a:hover .icon {
  color: #2c724f;
}

/* Enquiry Widget */

.enquiry-widget .widget-content {
  position: relative;

  padding: 35px 35px;

  background-color: #2c724f;
}

.enquiry-widget .widget-content h4 {
  position: relative;

  color: #ffffff;

  font-weight: 600;

  line-height: 1.3em;
}

.enquiry-widget .widget-content .text {
  position: relative;

  color: #cccccc;

  font-weight: 400;

  line-height: 1.8em;

  margin-top: 15px;
}

.enquiry-widget .widget-content .number {
  position: relative;

  color: #cccccc;

  font-weight: 400;

  line-height: 1.8em;

  margin-bottom: 20px;
}

.enquiry-widget .widget-content .number a {
  position: relative;

  color: #ffffff;

  display: block;

  font-weight: 700;

  margin-top: 10px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group {
  position: relative;

  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="password"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;

  line-height: 30px;

  padding: 10px 60px 10px 20px;

  border: 1px solid transparent;

  background: #f5f5f5;

  display: block;

  font-size: 14px;

  width: 100%;

  height: 50px;

  color: #8d9aa8;

  border-radius: 0px;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
  position: absolute;

  right: 0px;

  top: 0px;

  height: 50px;

  width: 50px;

  display: block;

  font-size: 16px;

  color: #ffffff;

  font-weight: 300;

  line-height: 52px;

  background: #2c724f;

  border-radius: 0px;

  cursor: pointer;
}

.sidebar .search-box .form-group input::-webkit-input-placeholder {
  color: #333333;
}

.categories-blog ul {
  position: relative;
}

.categories-blog ul li {
  position: relative;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.categories-blog ul li:first-child a {
  padding-top: 0px;
}

.categories-blog ul li a {
  position: relative;

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  display: block;

  padding: 13px 0px;

  text-transform: uppercase;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  border-bottom: 1px solid #ebebeb;
}

.categories-blog ul li span {
  position: absolute;

  right: 0px;
}

.categories-blog ul li:last-child a {
  border-bottom: none;

  border-bottom: 0px;
}

.categories-blog ul li.active a,
.categories-blog ul li a:hover {
  color: #2c724f;
}

/*Post Widget*/

.sidebar .popular-posts .widget-content {
  position: relative;
}

.sidebar .popular-posts .post {
  position: relative;

  font-size: 14px;

  color: #666666;

  padding: 0px 0px;

  padding-left: 100px;

  min-height: 75px;

  margin-bottom: 20px;

  border-bottom: 1px solid #d3d8dc;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0px;

  border: none;
}

.sidebar .popular-posts .post .post-thumb {
  position: absolute;

  left: 0px;

  top: 0px;

  width: 79px;

  overflow: hidden;

  border-radius: 0px;
}

.sidebar .popular-posts .post:hover .post-thumb img {
  opacity: 0.7;
}

.sidebar .popular-posts .post .post-thumb img {
  display: block;

  width: 100%;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
  position: relative;

  top: -4px;

  font-size: 15px;

  margin: 0px 0px 0px;

  font-weight: 400;

  color: #000000;

  line-height: 1.8em;

  text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
  color: #000000;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover {
  color: #2c724f;
}

/*Popular Tags*/

.sidebar .tags a {
  position: relative;

  display: inline-block;

  line-height: 24px;

  padding: 6px 15px 6px;

  margin: 0px 4px 10px 0px;

  color: #999999;

  text-align: center;

  font-size: 13px;

  background: none;

  font-weight: 400;

  border-radius: 0px;

  border: 1px solid #d7d7d7;

  text-transform: capitalize;

  transition: all 300ms ease;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;
}

.sidebar .tags a:hover {
  background-color: #2c724f;

  border-color: #2c724f;

  color: #ffffff;
}

/***

====================================================================

	Page Title

====================================================================

***/

.page-title-section {
  position: relative;

  padding: 100px 0px 0px;
}

.page-title-section .post-meta {
  position: relative;
}

.page-title-section .post-meta li {
  position: relative;

  padding-right: 12px;

  margin-right: 12px;

  display: inline-block;

  text-transform: uppercase;
}

.page-title-section .post-meta li:before {
  position: absolute;

  content: "/";

  right: -4px;

  top: 0px;
}

.page-title-section .post-meta li:last-child::before {
  display: none;
}

.page-title-section .post-meta li:last-child {
  margin-right: 0px;

  padding-right: 0px;
}

.page-title-section .post-meta li a {
  position: relative;

  color: #666666;
}

.page-title-section h2 {
  position: relative;

  color: #000000;

  font-weight: 300;

  line-height: 1.3em;

  margin-top: 30px;
}

.page-title-section h2 span {
  position: relative;

  font-weight: 600;

  color: #2c724f;
}

.page-title-section.style-two h2 {
  font-weight: 600;

  font-size: 36px;
}

.our-blogs {
  padding-right: 80px;

  margin-bottom: 80px;
}

.news-block-three {
  position: relative;

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid #dbdbdb;
}

.news-block-three .inner-box {
  position: relative;

  min-height: 195px;

  padding-left: 330px;
}

.news-block-three .inner-box .image {
  position: absolute;

  left: 0px;

  top: 0px;

  width: 300px;

  overflow: hidden;

  background-color: #2c724f;
}

.news-block-three .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img {
  opacity: 0.7;

  transform: scale(1.05, 1.05) rotate(2deg);
}

.news-block-three .inner-box .title {
  position: relative;

  color: #2c724f;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;
}

.news-block-three .inner-box h4 {
  position: relative;

  line-height: 1.3em;

  font-weight: 600;

  margin-top: 10px;

  margin-bottom: 20px;
}

.news-block-three .inner-box h4 a {
  position: relative;

  color: #000000;

  transition: all 300ms ease;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;
}

.news-block-three .inner-box:hover h4 a {
  color: #2c724f;
}

.news-block-three .inner-box .post-date {
  position: relative;

  color: #999999;

  font-size: 14px;
}

.news-block-three .inner-box .post-date span {
  position: relative;

  color: #000000;
}

.news-block-three:last-child {
  border-bottom: none;

  padding-bottom: 0px;

  margin-bottom: 0px;

  min-height: auto;
}

/***

====================================================================

	Styled

====================================================================

***/

.styled-pagination {
  position: relative;
}

.styled-pagination li {
  position: relative;

  margin-right: 35px;

  display: inline-block;
}

.styled-pagination li a {
  position: relative;

  color: #999999;

  font-size: 18px;

  font-weight: 400;

  display: inline-block;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
  color: #000000;
}

.styled-pagination li.next a {
  font-size: 14px;
}

/* Blog Detail */

.blog-detail {
  position: relative;
}

.blog-detail .inner-box {
  position: relative;

  padding-right: 80px;
}

.blog-detail .inner-box .image {
  position: relative;
}

.blog-detail .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;
}

.blog-detail .inner-box .lower-content {
  position: relative;

  padding-top: 40px;
}

.blog-detail .inner-box .lower-content .post-info {
  position: relative;

  color: #999999;

  font-size: 14px;

  margin-bottom: 35px;
}

.blog-detail .inner-box .lower-content .post-info span {
  text-transform: uppercase;
}

.blog-detail .inner-box .lower-content .post-info i {
  color: #000000;

  font-style: normal;
}

.blog-detail .inner-box .lower-content p {
  position: relative;

  color: #666666;

  font-size: 16px;

  line-height: 1.8em;

  margin-bottom: 45px;
}

.blog-detail .inner-box .middle-image {
  position: relative;

  margin-bottom: 50px;
}

.blog-detail .inner-box .lower-content h4 {
  position: relative;

  color: #000000;

  font-weight: 600;

  line-height: 1.3em;

  margin-bottom: 35px;
}

.blog-detail .inner-box .lower-content blockquote {
  position: relative;

  margin: 80px 0px;

  padding-left: 105px;
}

.blog-detail .inner-box .lower-content blockquote .blockquote-text {
  position: relative;

  color: #000000;

  font-weight: 300;

  font-size: 24px;

  line-height: 1.5em;
}

.blog-detail .inner-box .lower-content blockquote .blockquote-text .quote {
  position: absolute;

  left: -20px;

  top: -5px;

  color: #000000;

  font-size: 16px;

  line-height: 1em;
}

/*post share options*/

.blog-detail .inner-box .lower-content .post-share-options {
  position: relative;

  margin-top: 70px;

  padding-bottom: 60px;

  border-bottom: 1px solid #dddddd;
}

.blog-detail .inner-box .lower-content .post-share-options .tags a {
  position: relative;

  color: #999999;

  font-size: 14px;

  font-weight: 400;

  line-height: 1em;

  margin-right: 4px;

  padding: 10px 20px;

  display: inline-block;

  border: 1px solid #d7d7d7;

  text-transform: capitalize;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.blog-detail .inner-box .lower-content .post-share-options .tags a:hover {
  color: #ffffff;

  border-color: #2c724f;

  background-color: #2c724f;
}

/* Related Projects */

.related-projects {
  position: relative;

  margin-top: 75px;

  padding-right: 80px;
}

.related-projects .title-box {
  position: relative;

  margin-bottom: 35px;
}

.related-projects .title-box h3 {
  position: relative;

  color: #000000;

  font-weight: 600;

  line-height: 1.3em;
}

.news-block-four {
  position: relative;

  margin-bottom: 30px;
}

.news-block-four .inner-box {
  position: relative;
}

.news-block-four .inner-box .image {
  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

  background-color: #2c724f;
}

.news-block-four .inner-box .image img {
  position: relative;

  width: 100%;

  display: block;

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;
}

.news-block-four .inner-box:hover .image img {
  opacity: 0.7;

  transform: scale(1.05, 1.05) rotate(2deg);
}

.news-block-four .inner-box .title {
  position: relative;

  color: #2c724f;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;
}

.news-block-four .inner-box h4 {
  position: relative;

  line-height: 1.3em;

  font-weight: 600;

  margin-top: 10px;

  margin-bottom: 20px;
}

.news-block-four .inner-box h4 a {
  position: relative;

  color: #000000;

  transition: all 300ms ease;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;
}

.news-block-four .inner-box:hover h4 a {
  color: #2c724f;
}

.sidebar-page-container .lower-section {
  position: relative;

  margin-top: 60px;

  padding: 90px 0px 100px;

  background-color: #eef1f3;
}

.sidebar-page-container .lower-section .comment-form {
  position: relative;

  max-width: 770px;
}

/* Comment Form */

.comment-form .group-title {
  position: relative;

  margin-bottom: 40px;
}

.comment-form .group-title h3 {
  position: relative;

  color: #000000;

  font-weight: 600;
}

.comment-form .group-title .text {
  position: relative;

  color: #666666;

  font-weight: 400;

  font-size: 14px;

  margin-top: 6px;
}

.comment-form .form-group {
  position: relative;

  margin-bottom: 30px;
}

.comment-form .form-group:last-child {
  margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;

  display: block;

  width: 100%;

  color: #222222;

  line-height: 28px;

  padding: 10px 20px;

  height: 50px;

  font-size: 14px;

  border-radius: 0px;

  background-color: #ffffff;

  border: 1px solid transparent;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
  border-color: #2c724f;
}

.comment-form .form-group textarea {
  position: relative;

  display: block;

  width: 100%;

  line-height: 24px;

  padding: 15px 20px;

  color: #222222;

  height: 210px;

  resize: none;

  font-size: 14px;

  border-radius: 0px;

  background-color: #ffffff;

  border: 1px solid transparent;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;
}

.comment-form .theme-btn {
  cursor: pointer;

  border-radius: 0px;

  font-family: "Heebo", sans-serif;
}

/***

====================================================================

Blog Detail Section

====================================================================

***/

.contact-page-section {
  position: relative;

  padding-bottom: 100px;

  background-color: #eef1f3;
}

.contact-page-section .contact-info-boxed {
  position: relative;

  z-index: 10;

  padding: 90px 65px 95px;

  background-color: #2c724f;

  top: -100px;

  margin-bottom: 0px;
}

.contact-page-section .contact-info-boxed h2 {
  position: relative;

  color: #ffffff;

  font-size: 36px;

  font-weight: 300;

  line-height: 1.3em;

  margin-bottom: 12px;
}

.contact-page-section .contact-info-boxed h2 span {
  position: relative;

  color: #ffffff;

  font-weight: 700;
}

.contact-page-section .contact-info-boxed .text {
  position: relative;

  color: #ffffff;

  font-size: 16px;

  line-height: 1.8em;
}

.contact-page-section .contact-info-boxed .email {
  position: relative;

  color: #ffffff;

  font-weight: 600;

  font-size: 16px;

  margin-top: 28px;
}

.contact-page-section .contact-info-boxed .email a {
  position: relative;

  color: #b3d1c2;

  font-weight: 400;
}

.contact-page-section .contact-info-boxed .call {
  position: relative;

  color: #ffffff;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.5em;

  margin-bottom: 40px;

  text-transform: uppercase;
}

.contact-page-section .contact-info-boxed .call a {
  position: relative;
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1em;
  margin-top: 15px;
  display: inline-block;
}
.location-list{
    padding: 0px;
}
.location-list li{
    list-style: none;
}
.contact-page-section .contact-info-boxed .location-list {
    position: relative;
}
.contact-page-section .contact-info-boxed .location-list li {
    position: relative;
    color: #b3d1c2;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    margin-bottom: 30px;
}
.contact-page-section .contact-info-boxed .location-list li span {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 600;
}
.contact-page-section .contact-info-boxed .location-list li:last-child {
    margin-bottom: 0px;
}
.contact-page-section .form-boxed {
    position: relative;
}
.contact-page-section .form-boxed .boxed-inner {
    position: relative;
    padding: 45px 200px 35px;
    background-color: #ffffff;
}
/* Contact Form */
.contact-form .form-group {
    position: relative;
    margin-bottom: 30px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #222222;
    line-height: 28px;
    padding: 10px 20px;
    height: 50px;
    font-size: 14px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: #2c724f;
}
.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 20px;
    color: #222222;
    height: 210px;
    resize: none;
    font-size: 14px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form .theme-btn {
    cursor: pointer;
    border-radius: 0px;
    font-family: "Heebo", sans-serif;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}
.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff0000;
    font-weight: 500;
}
/* ======================
23. CTA Section
=========================*/
.cta-section {
    position: relative;
    padding: 75px 0px 60px;
}

.cta-content .title {
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 15px;
}
.cta-content .title .text-bold {
    font-weight: 700;
}
.cta-content p {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
}
.cta-phone .title {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}
/* Work Details CSS */
.mb-n30 {
    margin-bottom: -30px;
}
.mt-lg-30 {
    margin-top: 30px;
}
.mt-lg-100 {
    margin-top: 100px;
}
.mt-lg-70 {
    margin-top: 70px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mtb-30 {
    margin: 30px 0;
}
.section-padding-top-70 {
    padding-top: 70px;
}
.portfolio-main-info .title {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
}
.work-content .title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.work-details-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 62px 30px;
}
.work-details-list .details-list label {
    color: #000000;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}
.work-details-list .details-list span {
    color: #666666;
    font-weight: 500;
    line-height: 1.5;
    font-size: 16px;
    display: block;
}
.work-details-list .details-list a {
    color: #666666;
    transition: all 0.3s ease-in-out;
}
.work-details-list .details-list a:hover {
    color: #2c724f;
}
* {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #379937;
}
.dropdown_1 {
    position: relative;
    font-size: 14px;
    color: #333;
    .dropdown-list_1 {
      padding: 12px;
      width: 99%;
      background: #fff;
      position: absolute;
      top: 30px;
      left: 2px;
      right: 2px;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
      transform-origin: 50% 0;
      transform: scale(1, 0);
      transition: transform 0.15s ease-in-out 0.15s;
      max-height: 22vh;
      overflow-y: scroll;
      z-index: 1000;
  }
  .dropdown-option_1 {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}
  .dropdown-label_1 {
      display: block;
      height: 30px;
      font-weight: 400 !important;
      font-size: 15px !important;
      color: #676666 !important;
      text-transform: capitalize !important;
      background: #fff;
      border-bottom: 1px solid #ccc;
      padding: 8px 10px;
      line-height: 1;
      cursor: pointer;
      &:before {
        font-family: "FontAwesome";
        content: "";
        float: right;
    }
}
  &.on {
      .dropdown-list_1 {
        transform: scale(1, 1);
        transition-delay: 0s;
        .dropdown-option_1 {
          opacity: 1;
          transition-delay: 0.2s;
      }
  }
    .dropdown-label_1:before {
        font-family: "FontAwesome";
        content: "";
    }
}
  [type="checkbox"] {
      position: relative;
      top: -1px;
      margin-right: 4px;
  }
}
.search-popup .close-search .style-two span {
    font-size: 20px;
    color: #ffffff;
}
.search-popup form label,
.search-popup form span,
.search-popup form a {
    font-size: 17px;
    color: #fff !important;
}
.search-popup form span,
.search-popup form a {
    color: #f00 !important;
}
.search-popup .form-group .login-btn {
    position: static;
    right: auto;
    top: auto;
    color: #ffffff;
    height: 60px !important;
    padding: 0px 30px !important;
    font-weight: 600;
    border-radius: 2px;
    background-color: #2c724f;
    text-transform: uppercase;
    margin: 10px 0px;
    font-family: "Heebo", sans-serif !important;
    font-size: 18px !important;
}
.main-header .header-upper .login {
    padding-right: 20px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.main-header .header-upper .login:hover {
    color: #2c724f;
}
/* Login, Forgot password, Logout, Change password */
.loginPanel,
.userInfoPanel {
    padding: 250px 0px 50px 0px;
    position: relative;
}
.loginPanel .form-boxed {
    position: relative;
    border-radius: 3px;
    padding: 45px 45px 0px;
    border: 1px solid #c0c8cd;
    background-color: #ffffff;
}
.loginPanel .content-column {
    padding: 0px 40px;
}
.loginPanel h5 {
    margin-bottom: 20px;
}
.loginPanel h5 {
    margin-bottom: 20px;
}
.loginPanel form input[type="tel"] {
    margin-top: 10px !important;
    margin-bottom: 60px !important;
}
.loginPanel .content-column {
    padding-top: 20px;
}
.loginPanel .content-column p {
    text-align: justify;
}
.linkText {
    text-align: right;
    margin: 30px 0px !important;
}
.verifyTagline {
    font-size: 13px;
    color: #aaa;
    padding-bottom: 20px;
}
.linkText a {
    /*	color: #2c724f;*/
    font-weight: 600;
}
.linkText a:hover {
    color: #2c724f;
    font-weight: 600;
}
.sec-title h3 span {
    color: #2c724f;
    font-weight: 600;
}
@media only screen and (max-width: 599px) {
    .loginPanel .consult-form form .form-group:last-child {
      margin-left: -45px;
  
    margin-right: -45px;
  }

  .loginPanel .consult-form form .row .form-group:last-child {
    margin-left: 0px;

    margin-right: 0px;
  }
}

/*OTP Design*/

.otp-section {
  padding: 280px 0px 50px;
}

.otp-wrapper {
  width: 60%;

  margin: auto;

  padding: 50px;

  border: solid 1px #edede7;
}

.otp-wrapper .otp-container {
  display: flex;

  gap: 10px;

  justify-content: center;

  align-items: center;
}

.otp-wrapper .otp-input {
  width: 80px !important;

  height: 50px !important;

  text-align: center;

  font-size: 24px;

  border: 2px solid #ccc !important;

  border-radius: 5px !important;

  outline: none;

  transition: border-color 0.3s;
}

.otp-wrapper .otp-input:focus {
  border-color: #2c724f !important;

  box-shadow: none;
}

/*Account Setting*/

.accountSetting {
  padding: 50px 0px;
}

.userInfoOption {
  background-color: #2c724f;

  padding: 30px 10px;
}

.userInfoOption .profileInfo {
  padding: 20px 20px 0px 20px;
}

.userInfoOption figure {
  position: relative;

  /* text-align: center; */

  width: 150px;

  height: 150px;

  margin: auto;
}

.userInfoOption figure img {
  border-radius: 100%;

  width: 150px;

  height: 100%;
}

.userInfoOption .accPlus {
  position: absolute;

  top: 0px;

  right: 15px;

  background-color: #e4e4e499;

  padding: 5px 10px;

  border-radius: 100%;

  color: #fff;

  font-size: 24px;

  font-weight: 600;

  cursor: pointer;
}

.userInfoOption .profileInfo div div {
  font-size: 13px;

  padding: 0px 0px 0px 10px;
}

.userInfoOption .linkList div {
  border: solid 3px #fff;
  color: #fff;

  border-radius: 35px;

  padding: 8px 13px;

  margin: 10px 20px;

  text-align: left;

  transition: all 0.3s ease;

  cursor: pointer;
}

.userInfoOption .linkList div a {
  color: inherit !important;
}

.userInfoOption .linkList div:hover {
  background-color: #003c1e;

  font-weight: 600;

  border: solid 3px #ccc;

  color: #fff;
}

.userInfoOption .linkList div:hover a {
  color: inherit !important;
}

.userInfoForm form input[type="text"],
.userInfoForm form input[type="tel"],
.userInfoForm form input[type="email"],
.userInfoForm form select {
  position: relative;

  display: block;

  width: 100%;

  height: 40px;

  line-height: 25px;

  padding: 0px 0px 0px;

  font-size: 16px;

  font-style: normal;

  background: #ffffff;

  border-radius: 0px;

  transition: all 500ms ease;

  border-bottom: 1px solid #cccccc;
}

.userInfoForm {
  position: relative;

  padding: 0px 0px 20px 40px;
}

.addressInfoForm {
  position: relative;

  padding: 20px 0px 20px 0px;
}

.userInfo {
  padding: 20px 0px;
  color: #fff;
}

.userInfoForm .sec-title {
  /* margin-bottom: 30px !important; */
}

.userInfoForm .form-group {
  margin: 20px 0px;
}

.userInfoForm .form-group button {
  width: 150px;

  margin-right: 10px;
}

.userInfoForm .service-block .inner-box {
  padding: 25px 15px !important;
}

.userInfoForm .service-block .inner-box h5 {
  margin: 15px 0px !important;
}

.userInfoForm .service-block .inner-box .bye-now {
  bottom: 0px !important;
}

@media (max-width: 1000px) {
  .loginPanel,
  .userInfoPanel {
    padding: 80px 10px 50px 10px !important;
  }
}

/* General Panel Styling */

.panel {
  position: fixed;

  top: 0;

  right: -100%; /* Hidden by default */

  width: 300px;

  height: 100%;

  background-color: white;

  overflow-y: auto;

  z-index: 1000;

  transition: right 0.3s ease; /* Smooth sliding effect */
}

.panel.open {
  right: 0; /* Slides into view */
}

.panel-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 15px;

  background-color: #f1f1f1;

  border-bottom: 1px solid #ddd;
}

.panel-header .close {
  background: none;

  border: none;

  font-size: 18px;

  cursor: pointer;
}

.panel-content {
  padding: 15px;
}

/* Overlay */

#overlay {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent */

  z-index: 900;

  display: none; /* Hidden initially */
}

#overlay.show {
  display: block; /* Visible when panel is open */
}

/* Lock scroll when panel is open */

body.lock-scroll {
  overflow: hidden;
}

.userInfoForm table {
  width: 100%;

  border: solid 1px #000;

  text-align: center;
}

.userInfoForm table select,
.userInfoForm table i {
  color: #8f0909;

  padding: 0px 5px;
}

.userInfoForm table tr th,
.userInfoForm table tr td,
.invoiceLayout table tr th,
.invoiceLayout table tr td {
  padding: 5px;

  border: solid 1px #000;
}

.orderHistoryTable tr th {
  width: 10%;
}

.orderHistoryTable tr th:nth-child(2),
.orderHistoryTable tr th:nth-child(4),
.orderHistoryTable tr th:nth-child(5) {
  width: 20%;
}

.orderHistoryTable tr th:nth-child(3),
.orderHistoryTable tr th:nth-child(6) {
  width: 15%;
}

#imageModal {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  align-items: center;

  justify-content: center;
}

#imageModal div {
  background: white;

  padding: 20px;

  border-radius: 8px;

  position: relative;

  /* z-index: 1011; */
}

#imageModal div img {
  max-width: 100%;

  max-height: 500px;
}

#imageModal div button {
  position: absolute;

  top: 10px;

  right: 10px;
}

/* Invoice Panel */

.invoicePanel {
  padding: 250px 0px 50px 0px;

  /* position:relative; */
}

.invoiceLayout {
  background-color: #fff;

  border: solid 1px #e5e4e2;

  padding: 30px;
}

.invoiceLayout table {
  width: 100%;

  border: solid 1px #e5e4e2 !important;

  text-align: center;

  margin-top: 50px;
}

.invoiceLayout table th,
.invoiceLayout table td {
  border: solid 1px #aaa !important;
}

.invoicePanel h4 {
  margin-bottom: 20px;
}

.invoicePanel h6 {
  font-size: 16px;

  font-weight: 500;
}

.invoicePanel p {
  margin-bottom: 6px !important;
}

.invoiceLayout hr {
  margin: 20px 0px;

  color: #aaa;
}

/* Chat-Box */

#chatBox {
  flex: 1;

  display: flex;

  flex-direction: column;

  border: 1px solid #ccc;

  height: 55vh;
}

#messages {
  flex: 1;

  overflow-y: auto;

  padding: 10px;

  background: #ffffff;

  display: flex;

  flex-direction: column;
}

#messages .message {
  margin: 5px 0;

  padding: 10px;

  border-radius: 10px;

  max-width: 60%;
}

#messages .user-a {
  align-self: flex-start;

  background-color: #d1e7dd;

  color: #0f5132;
}

#messages .user-b {
  align-self: flex-end;

  background-color: #cff4fc;

  color: #055160;
}

#inputBox {
  display: flex;

  padding: 10px;

  border-top: 1px solid #ccc;

  background: #f8f9fa;
}

#message-input {
  flex: 1;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 5px;
}

#user-toggle {
  margin-right: 10px;

  padding: 10px;

  background-color: #8ab1d3;

  color: white;

  border: none;

  border-radius: 5px;

  cursor: pointer;
}

#user-toggle.active {
  background-color: #70839f;
}

#send-button {
  margin-left: 10px;
  padding: 10px;
  background-color: #198754;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#send-button:hover {
  background-color: #146c43;
}

.BOTAck {
  width: 30%;
  bottom: 5%;
  left: 10%;
  z-index: 9999;
}

.BOTImg {
    width: 150px;
    margin-left: -50px;
    margin-top: -49px;
}

.ped-l{
  padding-left: 40px;
}

.dNone {
  display: none;
}

.themeBg {
  background-color: #27734f !important;
}

.aResponse{
  width: auto;

}

.service-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.form-check {
  margin: 0;
  display: flex;
  align-items: center;
}

.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 0;
  border: 2px solid #27734f;
  cursor: pointer;
}

.form-check-input:checked {
  background-color: #27734f;

  border-color: #27734f;
}

.form-check-input:focus {
  border-color: #27734f;

  box-shadow: 0 0 0 0.25rem rgba(39, 115, 79, 0.25);
}

.form-check-label {
  margin-left: 5px;

  cursor: pointer;
}

.buy-now {
  display: inline-flex;

  align-items: center;

  gap: 5px;
}

/* Dropdown */

.select-wrapper {
  position: relative;
}

.select-wrapper i {
  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%);

  color: #666;

  pointer-events: none;
}

.custom-select {
  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  border: none;

  border-bottom: 2px solid #e0e0e0;

  border-radius: 0;

  padding: 10px 30px 10px 10px;

  width: 100%;

  background-color: transparent;

  transition: border-color 0.3s ease;
}

.custom-select:focus {
  outline: none;

  border-bottom-color: #27734f;
}

.custom-select:hover {
  border-bottom-color: #215f42;
}

.add-to-cart-btn {
  padding: 8px 20px;

  background: #27734f;

  color: #fff;

  border: none;

  border-radius: 4px;

  display: flex;

  align-items: center;

  gap: 8px;

  cursor: pointer;

  transition: all 0.3s ease;
}

.add-to-cart-btn:hover {
  background: #215f42;
}

.add-to-cart-btn .selected-count {
  font-size: 14px;

  color: #fff;
}

/* Add to your existing CSS file */

.cart-item {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 15px;

  border-bottom: 1px solid #eee;

  margin-bottom: 10px;
}

.service-details {
  display: flex;

  align-items: center;

  gap: 15px;
}

.service-details-1 {
  display: flex;

  gap: 15px;
}

.service-icon {
  width: 50px;

  height: 50px;

  object-fit: contain;
}

.remove-item {
  background: none;

  border: none;

  color: #ff4444;

  cursor: pointer;

  padding: 8px;
}

.remove-item:hover {
  color: #cc0000;
}

.cart-actions {
  margin-top: 20px;

  text-align: right;
}

.checkout-btn {
  background: #27734f;

  color: #fff;

  padding: 10px 20px;

  border-radius: 4px;

  text-decoration: none;

  display: inline-block;
}

.checkout-btn:hover {
  background: #1e5c3f;

  color: #fff;
}

.browse-services-btn {
  color: #27734f;

  text-decoration: underline;

  margin-top: 15px;

  display: inline-block;
}

/* animation */

.header-top {
  animation: slideDown 0.5s ease-out;

  transform-origin: top;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);

    opacity: 0;
  }

  100% {
    transform: translateY(0);

    opacity: 1;
  }
}

/* Add hover effects for links */

.header-top .info-list li a,
.header-top .social-box li a {
  transition: all 0.3s ease;
}

.header-top .info-list li a:hover {
  color: #2c724f;

  transform: translateY(-2px);
}

.header-top .social-box li a:hover {
  transform: scale(1.1);
}

/* Request page */

.service-box {
  background: #fff;

  transition: all 0.3s ease;

  border: 1px solid #e0e0e0;
}

.service-box:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.service-details {
  flex: 1;
}

.status-badge {
  min-width: 100px;

  text-align: center;
}

.service-info p {
  color: #666;

  font-size: 14px;

  margin-bottom: 8px;
}

.service-box h4 {
  color: #333;

  font-weight: 600;
}

.badge {
  padding: 8px 12px;

  font-size: 13px;

  border-radius: 4px;
}

.package-details {
  font-size: 13px;

  color: #666;

  padding: 10px;

  background: #f8f9fa;

  border-radius: 4px;

  margin-top: 5px;
}

.package-info {
  border-top: 1px solid #eee;

  padding-top: 10px;
}

.action-buttons {
  margin-left: 15px;
}

.builderPop {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

  z-index: 1050;
}

.builderPopInner {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: white;

  padding: 20px;

  border-radius: 8px;

  width: 90%;

  max-width: 400px;
}

.chat-container {
  transition: all 0.3s ease-in-out;

  max-width: 100%;

  margin: 0 auto;
}

.chat-messages {
  flex: 1;

  overflow-y: auto;

  background-color: #f8f9fa;

  height: calc(100% - 80px); /* Adjust for input area height */
}

.message {
  margin-bottom: 1rem;

  max-width: 85%;

  padding: 0 15px;
}

.message.sent {
  margin-left: auto;

  margin-right: 0;
}

.message.received {
  margin-right: auto;

  margin-left: 0;
}

.message-content {
  padding: 0.75rem 1rem;

  border-radius: 15px;

  word-wrap: break-word;

  overflow-wrap: break-word;
}

.message.sent .message-content {
  background-color: #27734f;

  color: white;
}

.message.received .message-content {
  background-color: #e9ecef;

  color: #212529;
}

.message-time {
  font-size: 0.75rem;

  color: #6c757d;

  margin-top: 0.25rem;

  text-align: right;
}

.chat-input-area {
  background-color: #fff;

  padding: 1rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.chat-input-area .input-group {
  gap: 0.5rem;

  flex-wrap: nowrap;
}

#message-input {
  border-radius: 20px;

  padding: 0.5rem 1rem;
}

.chat-form .btn {
  border-radius: 20px;

  padding: 0.5rem 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;
}

.chat-form .btn:hover {
  opacity: 0.9;
}

.attachment-preview {
  display: flex;

  align-items: center;

  padding: 0.5rem;

  background: #f8f9fa;

  border-radius: 8px;

  margin: 0.5rem 0;

  font-size: 0.9rem;
}

.attachment-preview i {
  margin-right: 0.5rem;

  color: #6c757d;
}

/* Mobile Responsive Styles */

@media (max-width: 768px) {
  .chat-container {
    border-radius: 0;

    height: auto !important;

    min-height: 350px;
  }

  .message {
    max-width: 90%;

    padding: 0 10px;
  }

  .chat-input-area {
    padding: 0.75rem;
  }

  .chat-input-area .input-group {
    flex-direction: row;

    gap: 0.25rem;
  }

  .chat-input-area .btn {
    padding: 0.5rem;

    min-width: 40px !important;
  }

  .chat-input-area .btn span {
    display: none;
  }

  .chat-input-area .btn i {
    margin: 0;
  }

  #message-input {
    font-size: 0.9rem;
  }

  .attachment-preview {
    font-size: 0.8rem;

    padding: 0.4rem;
  }
}

/* Small Mobile Devices */

@media (max-width: 480px) {
  .message {
    max-width: 95%;

    padding: 0 5px;
  }

  .message-content {
    padding: 0.6rem 0.8rem;

    font-size: 0.9rem;
  }
}

.border-dashed {
  border-style: dashed !important;
}

.file-list {
  max-height: 300px;
  overflow-y: auto;
}

.preview-container {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preview-container img {
  max-width: 100%;
  max-height: 500px;
  object-fit: contain;
}


.welcome-container {
    padding: 60px 20px;
    max-width: 900px;
    margin: 0 auto;
}

.welcome-content {
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.work-content {
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.order-details {
    margin-top: 40px;
    text-align: left;
}

.customer-info,
.order-summary {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.order-details h3 {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.info-item {
    display: flex;
    flex-direction: column;
}

.info-item .label {
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    font-size: 14px;
}

.info-item .value {
    color: #333;
    font-size: 16px;
}

.info-item .address{
    color: #ffc107;
    font-weight: 600;
    font-size: 16px;
}

.info-item .Pending{
    color: #ffc107;
    font-weight: 600;
    font-size: 16px;
}

.success-icon {
    font-size: 80px;
    color: #28a745;
    margin-bottom: 30px;
    animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.welcome-content h1 {
    color: #333;
    margin-bottom: 40px;
    font-size: 32px;
}

.service-details {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    margin: 30px 0;
    text-align: left;
}

.service-details h2 {
    color: #007bff;
    margin-bottom: 20px;
    font-size: 24px;
}

.package-info {
    margin-top: 20px;
}

.info-row {
    display: flex;
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.info-row .label {
    flex: 0 0 150px;
    font-weight: 600;
    color: #555;
}

.info-row .value {
    flex: 1;
    color: #333;
}

.package-description {
    margin-top: 20px;
    color: #666;
    line-height: 1.6;
}

.action-buttons {
    margin-top: 40px;
}

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-style-one {
    position: relative;
    padding: 15px 45px;
    line-height: 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    background: #2d7350;
    border-radius: 50px;
    text-transform: capitalize;
}

.btn-style-one:hover {
    background: #003d1f !important;
    color: #ffffff;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .welcome-container {
        padding: 20px;
    }
    
    .welcome-content {
        padding: 30px 20px;
    }
    
    .info-row {
        flex-direction: column;
    }
    
    .info-row .label {
        margin-bottom: 5px;
    }
}

.blog-categories-ls li{
  list-style: none;
}

.document-list {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.doc-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background: white;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  height: 100%;
}   
             
.doc-number {
  color: #495057;
  margin-right: 8px;
}

.doc-text {
  color: #495057;
  font-size: 0.95em;
  line-height: 1.6;
}

.doc-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}


/* Stronger selector and improved SVG encoding for dropdown arrow */
select.custom-dropdown, .form-control.custom-dropdown, .cityCode.custom-dropdown {
    border: none;
	color: #727272;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    background: transparent;
    padding-right: 2.5em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23727272' d='M7.293 7.293a1 1 0 0 1 1.414 0L10 8.586l1.293-1.293a1 1 0 1 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75em center;
    background-size: 1.5em 1.5em;
}
select.custom-dropdown:focus {
    outline: none;
    border-bottom: 2px solid #0056b3;
    box-shadow: none;
}
/* Fallback for browsers that don't support SVG background */
select.custom-dropdown::-ms-expand {
    display: none;
}
select.custom-dropdown {
    /* fallback unicode arrow */
    font-family: inherit;
}
.section-box {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px 15px 10px 15px;
    background: #fafbfc;
    margin-bottom: 24px;
}
.section-box h4 {
    margin-top: 0;
}